How to enforce pinch-to-zoom in Android browsers (#tilPost)

I read the pkk’s article user-scalable=no and suppressing zoom suppression and learned that browsers implement an accessibility feature to always allow zooming on a web page.
Why would a responsive web site disallow zoom in the firs…


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis

I read the pkk's article user-scalable=no and suppressing zoom suppression and learned that browsers implement an accessibility feature to always allow zooming on a web page.

Why would a responsive web site disallow zoom in the first place? I'm always annoyed when I can't zoom into web content because the web site developer decided to put the following meta element in the HTML.

<meta name="viewport" content="width=device-width,user-scalable=no">

It turns out that you can overwrite this behavior and make zooming possible in many Android browsers (Chrome, Edge, Samsung Internet and UC). The only downside is that it's hidden in the browsers' accessibility settings.

Table showing how to enable and force zooming in several browsers

But hey, that's good news! I went into these settings right away and can now zoom into Twitter on my phone; that's a good thing! If you're interested in a deep-dive into the topic, give pkk's article a read.


Reply to Stefan


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis


Print Share Comment Cite Upload Translate
APA
Stefan Judis | Sciencx (2023-02-04T23:32:32+00:00) » How to enforce pinch-to-zoom in Android browsers (#tilPost). Retrieved from https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/.
MLA
" » How to enforce pinch-to-zoom in Android browsers (#tilPost)." Stefan Judis | Sciencx - Thursday December 17, 2020, https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/
HARVARD
Stefan Judis | Sciencx Thursday December 17, 2020 » How to enforce pinch-to-zoom in Android browsers (#tilPost)., viewed 2023-02-04T23:32:32+00:00,<https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/>
VANCOUVER
Stefan Judis | Sciencx - » How to enforce pinch-to-zoom in Android browsers (#tilPost). [Internet]. [Accessed 2023-02-04T23:32:32+00:00]. Available from: https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/
CHICAGO
" » How to enforce pinch-to-zoom in Android browsers (#tilPost)." Stefan Judis | Sciencx - Accessed 2023-02-04T23:32:32+00:00. https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/
IEEE
" » How to enforce pinch-to-zoom in Android browsers (#tilPost)." Stefan Judis | Sciencx [Online]. Available: https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/. [Accessed: 2023-02-04T23:32:32+00:00]
rf:citation
» How to enforce pinch-to-zoom in Android browsers (#tilPost) | Stefan Judis | Sciencx | https://www.scien.cx/2020/12/17/how-to-enforce-pinch-to-zoom-in-android-browsers-tilpost/ | 2023-02-04T23:32:32+00:00
https://github.com/addpipe/simple-recorderjs-demo