Мобильные формы малы - PullRequest
Новая
       3

Мобильные формы малы

2 голосов
/ 31 января 2011

У меня есть мобильная версия веб-страницы. Все это имеет одну форму с двумя текстовыми полями и одну кнопку отправки.

Но в мобильном браузере форма крошечная, пока вы не увеличите ее. Как сделать так, чтобы по умолчанию в мобильном браузере форма выглядела нормально?

Ответы [ 3 ]

5 голосов
/ 07 февраля 2011

В метапортпорте я использую следующее: 

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

Таким образом, ограничений по ширине нет, поэтому он может соответствующим образом настроить, использует ли пользователь мобильный телефон или iPad (или другое планшетное устройство).Я бы рекомендовал использовать user-scale=no, только если вы создаете сайт специально для мобильных устройств.

1 голос
/ 31 января 2011

Вам потребуется добавить метатег viewport в заголовок HTML. Это скажет браузеру, что ваша страница должна отображаться в определенном аспекте. например, 

<meta name="viewport" content="width=240,user-scalable=no" />
0 голосов
/ 01 февраля 2011

Ваш Doctype мобильный? Попробуйте использовать 

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

чтобы браузер телефона знал, что страница предназначена для мобильных телефонов

...