Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I’m not sure if this is related, but recently I began to *omit* this viewport <meta> tag from the <head> of my sites, so that I can pinch-and-zoom instead of having a fixed scale set and needing to mess with text size controls:

<meta name="viewport" content="width=device-width, initial-scale=1" />

I find it makes sites much more pleasant to browse.



Wait does viewport `width=device-width, initial-scale=1` prevent pinch-zoom?

I thought it just set the initial zoom with initial scale, but didn't prevent zooming in further? But I don't pinch zoom websites much, and maybe I haven't tested my own in a while... googling the usual sources are not clarifying to me the interaction of all these things according to standard.


Looks like you can enable zooming with the maximum-scale property:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
Found this info here, and will try it out: https://stackoverflow.com/a/17891937


> so that I can pinch-and-zoom

Without requiring horizontal scrolling?


Zooming in far enough does require horizontal scrolling.

Still, I find it preferable to messing with font sizes as I hate reading on the phone and want to spend as little time as possible looking at the small screen, so I usually zoom in to what I want to see/read/click on, switching phone orientation if necessary for a 2nd option for the text size.

I could be wrong, or in a minority opinion group.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: