Mobile CSS Page width
27,634
Solution 1
You can add the meta viewport tag that will scale the page to the device width:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
You can read up on it here too.
Solution 2
Apart what jonezy used, meta viewport tag as below will also work:
<meta name="viewport" content="width=device-width, user-scalable=no">
It will not be scalable and fit to device width - for any device, iOS or Android.
Hope it helps!
Solution 3
Use mobile doctype:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
Author by
Rick
Updated on February 10, 2020Comments
-
Rick over 4 years
Trying pretty hard to make simple form page viewable in mobile devices. The form is viewable, just that I have to zoom in a lot to read it.
Hear is an example: