什么是viewportviewport，中文也叫“viewport”。在浏览器类别中，它表示可以在浏览器中看到的网页内容。视口外的内容在滚动进来之前是不可见的。进一步细分视口，当前可见的部分称为视觉视口（visualviewport）。视觉视口可能比布局视口小，因为当用户缩小浏览器缩放时，布局视口保持不变，视觉视口变小。这导致用户需要水平滑动滚动条才能看到完整的信息。我们可以以维基百科的首页为例，也可以点进去，放大浏览器感受一下：一般情况下，视觉视口=布局视口。当我们缩小浏览器时，视觉视口<布局视口。这时候需要滑动下方的滚动条才能看到完整的布局视口。属性为了满足视觉视口=布局视口的理想情况，需要通过meta标签配置视口的不同属性来设计网页。一般我们使用HTML5模板生成html文件时，viewport会初始化如下属性：content="width=device-width表示让布局视口的宽度等于设备的宽度initial-scale=1表示允许用户缩放页面viewportwidth6个属性：设置布局的宽度window.上面的例子中我们设置为device-width.同时也可以设置为指定的数字,width=960表示宽度设置为960px.initial-scale:设置缩放和第一次加载页面时的布局窗口宽度，一般默认值为1受到推崇的。maximum-scale：设置最大缩放级别（即用户可以放大多少）。同样，不建议这样做。user-scalable：设置为no时，会阻止用户缩放，不推荐。height：应设置布局视口的高度。任何地方都不支持....所以不确定它是否包含在内。参考文章UsingtheviewportmetatagtocontrollayoutonmobilebrowsersAtaleoftwoviewports—parttwoViewportMetaElement
