Чем отличается понятие «viewport» на мониторе от понятий «layout viewport» и «visual viewport» на смартфоне?

Question

[Димон]

Привет.

Чем отличается понятие "viewport" на мониторе от понятий "layout viewport" и "visual viewport" на смартфоне? В каких пикселях они измеряются (в пикселях железа или пикселях CSS)? Чем отличается зумминг на смартфоне от зумминга на мониторе?

Answer 1

[asdz]

layout viewport - это область на которой размещены все элементы страницы
visual viewport - это часть layout viewport-а, которая отображается в данный момент на экране.
viewport - задает размер layout viewport-а, для того чтобы при открытии на мобильном устройстве, ширина viewport-a была задана наиболее удобным значением, обычно это device-width. В этом случае страница будет вписана в размер экрана.