Mobile CSS Page width

2019-01-24 03:00发布

问题:

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:

http://200.5.3.20/temp/PocketPC/dispatch.php

回答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.



回答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!



回答3:

Use mobile doctype:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">