在CSS的viewport meta标签中，为了实现响应式网页设计，我们像<meta name="viewport" content="width=device-width">一样设置了width = device-width，这样页面的宽度就等于设备的宽度，这样用户就不必滚动来查看页面了，但是高度呢?浏览器是否根据宽度推断高度并使其成为设备高度??
响应式网站正确的meta标签如下:
<meta name="viewport" content="width=device-width, initial-scale=1">
width=device-width部分设置页面宽度与设备屏幕宽度一致。initial-scale=1部分在浏览器首次加载页面时设置初始缩放级别。你不需要设置一个特定的高度，因为window的尺寸总是在变化时缩放。但在这种情况下，你可以改变meta标签的内容:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
width属性控制视口的大小。它可以设置为特定的像素数，如width=600或特殊值device-width，这是CSS像素的屏幕宽度，比例为100%。(有相应的高度和设备高度值，这可能对那些根据视口高度改变大小或位置的元素的页面很有用。)
阅读此https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag然后希望清除一切。