Что такое видовой экран в HTML.

Question

Что такое видовой экран в HTML? Не могли бы вы привести несколько примеров, как получить доступ к деталям области просмотра?

Answer 1

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

Следуйте инструкциям этой статьи, чтобы получить размеры окна просмотра в Javascript .

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

Answer 2

Я думаю, ViewPort - это просто область для отображения веб-контента в браузере. И разные браузеры имеют свои собственные настройки для размера ViewPort. Например, ширина по умолчанию ViewPort в Safari составляет 980 пикселей. Поэтому, если фактическая веб-страница, которую вы хотите увидеть, меньше 980 пикселей, в Safari должна быть пустая область отображения при доступе к веб-странице в Safari по умолчанию. Следовательно, по этой причине иногда нам нужно настроить ViewPort для лучшего отображения веб-контента в браузере.

Как показано ниже, например:

<meta name="viewport" content="width=device-width">

А также, пожалуйста, прочитайте ответ Павла . Я думаю, что он уже объяснил использование ViewPort.

Answer 3

Окно просмотра - это виртуальная область, используемая механизмом рендеринга браузера для определения того, как масштабируется и измеряется контент, когда он первоначально отображается на текущем экране. Это поможет вам:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answer 4

Окно просмотра - это визуальная область вашей веб-страницы в браузере. С помощью <meta name="viewport" вы можете настроить отображение контента вашего сайта на разных устройствах. Лично мне нравится использовать: <meta name="viewport" content="width=device-width, initial-scale=1.0>