HTML5 Boilerplate: Meta viewport и width=device-width
Я создаю адаптивный/отзывчивый сайт.
Относительно этого недавнего изменения в HTML5BP:
" ревизии css для мобильных устройств/iOS"
Я начал использовать:
... и у меня есть это в моем CSS:
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
При включении initial-scale=1поворот от вертикального положения к горизонтальному (на iPad/iPhone) приводил к изменению макета с 2 столбцов (например) на 3 столбца (из-за запросов meida, initial-scale=1и Исправление JS для ошибки масштабирования окна просмотра).
Подводя итог, в ландшафтном режиме это увеличивает страницу:
... а это нет:
Примечание:Вы можете увидеть этот эффект масштабирования в действии при просмотре Веб-сайт HTML5BPна iPad/iPhone.
Мои вопросы:
- Становится ли это новым стандартом (т. е. масштабирование в ландшафтном режиме)?
- Я чертовски долго объяснял это изменение своим коллегам и начальству... Они привыкли видеть другое расположение в горизонтальном режиме; теперь, когда страница масштабируется, а макет остается прежним (за исключением того, что он больше). Любые советы о том, как объяснить это невежественным массам (в число которых, возможно, входит и я)?
@robertc: Спасибо! Это очень полезно.
На самом деле мне нравится notс initial-scale=1; это мои коллеги, которые привыкли видеть изменение макета, а не масштабирование.Я уверен, что буду вынуждендобавить initial-scale=1просто для того, чтобы угодить всем (потому что немасштабирование и изменение макета — это то, что они привыкли видеть).
Я только что заметил, что HTML5BP index.html на githubи веб-сайтиспользовали ; для меня это достаточно веская причина, чтобы отказаться от initial-scale=1, но у меня поднимаются брови, когда я пытаюсь объяснить эти вещи«не гикам». :D