Я создаю адаптивный/отзывчивый веб-сайт.
Относительно этого недавнего изменения в HTML5BP:
" изменения для мобильных /iOS css"
Я начал использовать:
<meta name="viewport" content="width=device-width">
... и у меня это в моем CSS:
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
Когда был включен initial-scale=1
, поворот с вертикального на горизонтальный (на iPad/iPhone) привел к тому, что макет изменился с двух столбцов (например) на 3 столбца (из-за запросов meida, initial-scale=1
и Исправление JS для ошибки масштаба видового экрана).
Подводя итоги, в ландшафтном режиме это увеличивает масштаб страницы:
<meta name="viewport" content="width=device-width">
... и это не так:
<meta name="viewport" content="width=device-width, initial-scale=1">
Примечание. Этот эффект масштабирования можно увидеть в действии при просмотре index.html в github и сайт, использовал <meta name="viewport" content="width=device-width">
; для меня это достаточно хорошая причина, чтобы вырвать initial-scale=1
, но я получаю поднятые брови, когда я пытаюсь объяснить эти вещи для "не-geeks".: D