如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，这些浏览器就决定默认情况下把viewport设为一个较宽的值，比如980px( css中的px )  ## 移动设备上的viewport 1. layout viewport  2. visual viewport  3. ideal viewport - 最适合移动设备的viewport, 也就是设备屏幕宽度 ideal viewport 的意义： * 无论在何种分辨率的屏幕下，针对ideal viewport 而设计的网站，不需要用户手动缩放，也不需要出现横向滚动条，都可以完美的呈现给用户。 ## 利用meta标签对viewport进行控制 移动设备默认的viewport是layout viewport，也就是那个比屏幕要宽的viewport，但在进行移动设备网站的开发时，我们需要的是ideal viewport。那么怎么才能得到ideal viewport呢？ ``` <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> ```