Попытка довольно сложно сделать страницу простой формы видимой в мобильных устройствах. Форма доступна для просмотра, просто для того, чтобы ее прочитать.
Слушайте пример:
Мобильная ширина страницы CSS
Ответ 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">