CSS 视口

CSS 视口模块可以指定用户代理的初始包含块（即视口）的大小、缩放因子和方向。

专为大视口设计的内容在小视口中查看时可能会出现各种问题，包括意外换行、内容裁剪和滚动容器尺寸不正确。HTML 提供了视口元标签，即 <meta name="viewport">，用于提供关于视口初始大小的提示。如果网站未设计成在小视口上良好运行并且省略了此标签，一些移动浏览器会使用固定的初始包含块宽度（通常为 980px）来渲染网站。然后内容会被缩小，导致 CSS 像素大小小于实际像素。结果页面适合可用屏幕空间但难以辨认，需要用户缩放和平移才能查看内容。

连续媒体的视口初始包含块具有视口的尺寸。由于视口通常不大于显示屏，因此像手机或平板电脑这样显示屏较小的设备通常会比台式机或笔记本电脑这样较大的设备呈现更小的视口。