viewport 的基本原理以及详细使用方法

一.viewport的概要 移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面,这个虚拟窗口就是viewport,目的是正常展示没有做移动端适配的网页,可以让他们完整的展现给用户。我们有时用移动设备访问桌面版网页就会看到一个横向滚动条,这里可显示区域的宽度就是viewport的宽度。 常规使用,页面可以缩放就用下面的代码 <meta name="viewport" content="width=device-width, initial-scale=1" /> 如果不想页面缩放就用下面的代码 <meta name="viewport" content="width=