How to disable zoom on a mobile web page using CSS?
To disable the zooming option with the multi-touch gesture we can use surefox browser but still, a user can zoom in or out by double tapping on the screen. We can use the <meta> tag to disable zoom in and out on a mobile web page.
<meta name="viewport" content= "width=device-width, user-scalable=no">
Steps to implement on mobile browser:
- Download opera mobile emulator
- Install the downloaded file, and run the emulator.
- Choose your device preferred devices from the list.
- Drag your file into that emulator to run the non_zoom-able file.
Example: This example uses user-scalable=no to disable zoom on mobile web page.
Example 2: This example uses user-scalable=no to disable zoom on mobile web page.
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.