Что делает <meta name= "viewport" content = "width = device-width" > делать в ландшафтном режиме на iOS?

Я пытаюсь понять атрибуты масштабирования в iOS.

  • Согласно Документам разработчика Apple, объявление <meta name="viewport" content="width=device-width"> сообщит iOS о масштабировании веб-страницы с соотношением 1:1 при загрузке страницы (в портретный режим).

  • В соответствии с презентацией люди на HTML5Boilerplate (см. слайд 13), device-width всегда будет соответствовать меньшей мере экрана устройства iOS, независимо от ориентации устройства.

  • Поэтому, если вы загружаете страницу в iOS с объявлением <meta name="viewport" content="width=device-width">, удерживая устройство в альбомной ориентации, iOS будет устанавливать ширину видового экрана в соответствии с тем, что, по-видимому, является высотой экрана, в результате получается 1.5: 1 (iPhone 4s) или 2: 1 (iPhone 5).

Я прав, или я не понимаю определения "ширина" и "ширина устройства", когда Apple их использует?

Кроме того, когда устройство iOS вращается, что поддерживает видовое окно? Это ширина или масштаб? Это зависит от мета-параметров?

Ответы

Ответ 1

В соответствии с Apple Developer Docs:

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

В статье говорится, что iOS сохраняет один и тот же параметр видового экрана независимо от ориентации или вращения устройства.

См. здесь в разделе "Как Safari указывает ширину, высоту и начальную шкалу".