Rethinking Text Resizing on Web

Re:Rethinking Text Resizing on Web by hypertexthero on Monday May 20, 2024 @05:17PM (#40420522)

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:

I find it makes sites much more pleasant to browse.

[ Parent | on HN ]

Re:Rethinking Text Resizing on Web by lxgr on Monday May 20, 2024 @05:19PM (#40420543)

> so that I can pinch-and-zoom

Without requiring horizontal scrolling?

[ Parent | on HN ]

Re:Rethinking Text Resizing on Web by hypertexthero on Monday May 20, 2024 @05:52PM (#40420880)

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.

[ Parent | on HN ]

Re:Rethinking Text Resizing on Web by jrochkind1 on Tuesday May 21, 2024 @08:26AM (#40427503)

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.

[ Parent | on HN ]

Re:Rethinking Text Resizing on Web by hypertexthero on Tuesday May 21, 2024 @11:56AM (#40430118)

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

[ Parent | on HN ]