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
320px — 480px: Mobile devices.
Mobile (Smartphone) max-width: 480px.
The area that is visible is called the viewport. The size of the viewport can be defined using the width and height attributes of the <svg> element. In this example, the viewport has an aspect ratio of 3:4 and is, by default, 400 by 300 units, with a unit generally being a CSS pixel.
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.
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!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With