视口及其单位

若要像视口一样高，您可以使用 vw 和 vh 单位。

• vw = 视口大小宽度的 1%。
• vh = 视口大小高度的 1%。

将元素的宽度设置为 100vw，高度设置为 100vh，这样它就会完全覆盖视口。

设置为 100vw x 100vh 的浅蓝色元素，覆盖整个视口。视口本身使用蓝色虚线边框表示。

vw 和 vh 广告单元被引入到浏览器中，这些广告单元带有这些额外的广告单元

• vi = 视口内嵌轴尺寸的 1%。
• vb = 视口屏蔽轴大小的 1%。
• vmin = vw 或 vh 中的较小者。
• vmax = vw 或 vh 中的较大者。

这些单元具有良好的浏览器支持。

浏览器支持

• 20
• 12
• 19
• 6

对新视口单元的需求

虽然现有广告单元可以在桌面设备上顺畅运行，但在移动设备上则完全不同。其中，视口大小受是否存在动态工具栏的影响。地址栏和标签页栏等界面。