手机浏览器就是把网页放在一个虚拟的“窗口”（视区）中，通常虚拟的“窗口”（视区）比屏幕要宽，所以没有必要把每个网页挤进一个很小的窗口（这会破坏网页的布局，而不是手机浏览器优化的），用户可以通过平移和缩放看到网页的不同部分打开网页。safari浏览器的移动版最近引入了viewport的meta标记，它允许web开发人员控制viewport的大小和缩放。其他手机浏览器也基本支持。宽度：控制视口的大小。您可以指定一个值（如果为600），或者指定一个特殊值，例如devicewidth是设备的宽度（缩放到100%时单位为css像素）。高度：指定宽度对应的高度。初始比例：初始比例，即首次加载页面时的比例。最大比例：允许用户缩放到的最大比例。最小比例：允许用户缩放到的最小比例。用户缩放：用户是否可以手动缩放
查看端口的概念。移动设备上的视图端口是可用于在设备屏幕上显示我们的网页的区域。具体来说，它是可以用来在浏览器（或应用程序中的webview）上显示我们的网页的区域。一般来说，移动设备上的视口大于浏览器的可见区域。这是因为移动设备的分辨率比台式电脑小，所以为了显示传统网站而设计的桌面浏览器就放在移动设备上。移动设备上的浏览器将其默认视口设置为980px或1024px（或其他值，由设备本身决定），但结果是浏览器将显示一个水平滚动条，因为浏览器的查看区域的宽度小于默认视口的宽度。
