При написании страницы мобильного телефона HTML5 мы обнаружим, что доля элементов, отображаемых на странице, неверна.
<meta name = viewport content = width = ширина устройства, начальная масштаба = 1>
Или
<meta name = viewport content = width = ширина устройства, начальная шкала = 1,0, минимальная масштаба = 0,5, максимальная шкала = 2,0, пользовательский шкалера = да />
Тогда давайте объясним это предложение:
ViewPort: это означает окно отображения;
ширина = ширина устройства, начальная масштаба = 1,0: это означает, что ширина окна отображения равна ширине экрана устройства, начальная шкала = 1,0, то есть начальное соотношение Zoom составляет 1,0;
Минимальное масштаб: это означает, что минимальное соотношение разрешено
Максимум: это означает максимальное соотношение, которое позволяет масштабировать
Пользовательский масштаб: это означает, что пользователь позволяет пользователю скатить страницу.
Пример проблемы: Явление:Когда пользователь нажимает на поле ввода ввода на мобильной странице, чтобы редактировать текст, страница будет автоматически увеличена
решать:Вставьте в главу линии страницы <Head>
<meta name = viewport content = width = ширина устройства, начальная масштаба = 1,0, минимальная масштаба = 1,0, максимальная масштаба = 1,0 />
Или пользователю не разрешено масштабировать страницу пользовательского значения = нет
СуммироватьПриведенное выше проблема решения мобильного телефона HTML5, которую я представил вам. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!