Что такое область просмотра в HTML.

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


javascript html viewport
person minil    schedule 30.05.2010    source источник
comment
В качестве дополнительной информации: вот статья с красивой картинкой Измерение области просмотра .   -  person informatik01    schedule 05.03.2014
comment
Что вы имеете в виду, когда приводите несколько примеров для доступа к деталям окна просмотра?   -  person Coleman    schedule 13.06.2014
comment
w3schools.com/css/css_rwd_viewport.asp   -  person Davut Gürbüz    schedule 07.04.2016

Ответы (5)


arrow_upward
75
arrow_downward

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

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

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
person Matchu    schedule 30.05.2010
comment
И чтобы не было путаницы, это не размер окон вашего браузера и не разрешение экрана. При том же размере окна браузер с большим количеством отображаемых панелей инструментов будет иметь меньшую область просмотра. - person FelipeAls; 30.05.2010
comment
Применение transform: translate3d(0,0,0) к любому элементу делает его окном просмотра для всех его дочерних элементов. Что делает этот ответ частично неверным. - person tao; 25.02.2019
comment
Как область просмотра связана с полосами прокрутки? Включает он их или нет, или это зависит от браузера? - person Paul Razvan Berg; 06.11.2019

arrow_upward
12
arrow_downward

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

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

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

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

person Joe.wang    schedule 10.01.2015

arrow_upward
8
arrow_downward

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

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

person vicky    schedule 24.10.2013

arrow_upward
0
arrow_downward

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

person aditya    schedule 26.03.2017

arrow_upward
0
arrow_downward

Область просмотра — это видимая пользователем область на устройстве, метатег используется для установки ширины содержимого страницы в соответствии с областью просмотра, чтобы содержимое страницы уменьшалось или увеличивалось в соответствии с шириной области просмотра. Хорошее объяснение на MDN [https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag].

person Manoj    schedule 16.08.2020