в чем разница между размером окна и размером области просмотра

Question

Я нашел хорошую статью, объясняющую концепцию просмотра порта: https://www.quirksmode.org/mobile/viewports.html

Но меня все еще немного смущают различия между размером окна и размером области просмотра, Размер окна:

Размер области просмотра:

разве они не одно и то же?

Answer 1

Еще один способ сказать то, что упомянула Катерина С., заключается в том, что область просмотра визуализируется по-разному в зависимости от размера вашего устройства.Например, предположим, что вы создали адаптивное веб-приложение, использующее дизайн материалов, который через сеточную систему выглядит в вашем браузере с одной стороны и с другой на мобильном устройстве.Мобильное устройство имеет гораздо меньшую область просмотра и будет отображать сайт с использованием меньшей сетки.

Например, если вы посмотрите на дизайн материала и измените размеры своего браузера, вы увидите, как он будет выглядеть в разных окнах просмотра.Если вы измените размер своего браузера до наименьшего размера, который имитирует в основном то, что вы видите на своем мобильном устройстве

https://material.io/design/components/cards.html#usage

Окно является только вашим обзором браузера и не связано с другими устройствами.

Answer 2

Область просмотра - это область, которая видна вам на вашем устройстве.Окно - это окно вашего браузера.Окно может быть таким же большим, как окно просмотра или меньше.