Мобильная ширина страницы CSS

Попытка довольно сложно сделать страницу простой формы видимой в мобильных устройствах. Форма доступна для просмотра, просто для того, чтобы ее прочитать.

Слушайте пример:

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

Ответы

Ответ 1

Вы можете добавить тег meta viewport, который масштабирует страницу до ширины устройства:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Здесь вы можете прочитать .

Ответ 2

Кроме того, что используется jonezy, meta viewport tag, как показано ниже,

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

Он не будет масштабироваться и соответствовать ширине устройства - для любого устройства, iOS или Android.

Надеюсь, что это поможет!

Ответ 3

Использовать мобильный doctype:

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