Побочные эффекты удаления «width = ширина устройства» из метага Viewport, когда также установлена ​​«начальная масштаба ⇐ CSS

[Anonymous]

В то время как тег нестандарен, его уважают большинство мобильных браузеров из-за де-факто господства ». Рабочая группа CSS имеет спецификацию для этого, так что это то, что я использую в основном в качестве авторитетной работы.

Код: Выделить всё

< /code>

< /code>
Альтернативно спросил, каковы различия между этими двумя @viewport css at-rules: < /p>
/* Translated from  */
@viewport {
zoom: 1.0;
min-width: extend-to-zoom;
max-width: 100vw;
}
< /code>
/* Translated from  */
@viewport {
zoom: 1.0;
min-width: extend-to-zoom;
max-width: extend-to-zoom;
}
< /code>

Как я пришел к этим @viewport < /code> переводам: < /p>
width=device-width

до минимальной ширины: extend to-Zoom; max-width: 100VW;
Модуль адаптации устройства CSS Уровень 1 Документ:

width и высота viewport Свойства переводя

Код: Выделить всё

min-height

значение для расширения до Zoom и максимальной ширины /

Код: Выделить всё

max-height

значение длины от Viewport.

Они дополнительно приводят пример:

this элемент:

Код: Выделить всё

< /code>
переводится на: < /p>
@viewport {
width: extend-to-zoom 500px;
height: extend-to-zoom 600px;
}

Ширина Decriptor Shorthand описывается как:

Это дескриптор сокращения для настройки как min-width , так и максимум-width . One Значение установит как Min-Width , так и максимум WIDTH на это значение. Два значения установит min-width первой и максимальной шириной на второе. максимальная ширина: 500px; .
, которая оставляет только часть 100 ВВт . В разделе 10.4 они объясняют: < /p>

Код: Выделить всё

device-width

и height-height перевод на 100 ВВт и 100 В. максимальная ширина: 100VW; .

Код: Выделить всё

initial-scale=1.0

к увеличению: 1.0; Ширина: extend-to-zoom;
Это пример словесного:

Это element:

Код: Выделить всё

< /code>
переводится на: < /p>
@viewport {
zoom: 1.0;
width: extend-to-zoom;
}

Другой вопрос, который у меня здесь есть, Что такое значение
[*] content = "width = width Device, начальная масштаба = 1,0" < /li>
content="initial-scale=1.0"
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/612 ... when-initi