Визуальный и макет видового экрана и документа - PullRequest
0 голосов
/ 05 мая 2018

Я читал статьи на quirksmode.org о видовых экранах и книгу Питера Коха "Интернет и мобильный справочник", и у меня есть несколько вопросов. Вот так я понимаю мир видовых экранов:

У нас есть визуальный вид и макет просмотра. Они равны ширине и высоте окна браузера. На самом деле элемент html ограничен окном браузера. Но что, если мы дадим ширину больше, чем окно браузера? Теперь я подозреваю, что у нас есть документ, который отличается от окон просмотра. Документ будет иметь заданную ширину, а макет и визуальные окна просмотра останутся прежними. И это одинаково для мобильных и настольных компьютеров, за исключением того, что на мобильных устройствах визуальные и макетные виды могут отличаться.

Я не знаю, правильно ли я понимаю. Может кто-нибудь объяснить мне это?

1 Ответ

0 голосов
/ 05 мая 2018

С https://www.quirksmode.org/mobile/viewports2.html:

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

Если вы полностью уменьшите масштаб, весь макет страницы отображается на экране. Визуальный видовой экран и видовой экран макета совпадают.

При увеличении часть макета страницы появится за пределами экрана. Окно просмотра макета больше, чем визуальное окно просмотра. То же самое происходит, если ширина макета больше ширины экрана, как в вашем примере.

Посмотрите на эту иллюстрацию из цитируемой выше статьи:

Layout viewport

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...