前面的话
把布局视口的宽度设为400px，然后再把它设为理想视口的宽度。结果浏览器选择了每个方向最大的尺寸。因此早期的iphone手机在竖屏模式下的布局视口宽度是400px(320px和400px中较大的值)，在横屏模式下是480px(480px和400px较大的值)
因此，可以给布局视口设置一个最小宽度，并在设备和方向上有需求时允许浏览器将布局视口设得更宽
minimum-scale和maximum-scale
没有这些指令的时候，浏览器允许用户的缩放级别达到5(20%-500%);有这些指令的时候，范围可扩大到10(10%到1000%)。更高的缩放程度不被支持，因此设置maxmum-scale=20和设置maxmum-scale=10的效果是一样的。安卓webkit不支持minimum-scale。同样，它的缩放范围是4(25%-400%)，并且不支持改变这个范围
user-scalable
user-scalable=no表示禁止缩放
【改变meta视口标签】
在大多数浏览器中，可以改变meta视口标签，假设meta视口是文档中的第一个meta标签
var meta = document.getElementsByTagName('meta')[0];meta.setAttribute('content','width=400'); 我们无法通过移除meta标签来使布局视口变回它默认的宽度。但可以把它设为一个固定的值。例如，如果想提供"切换到桌面布局"的功能，可以把宽度设为980px或1024px
【常用meta视口标签】
该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放
总结
在桌面浏览器中，浏览器窗口就是约束CSS布局的视口。而在手机端，布局视口会限制CSS布局；视觉视口表示浏览器的可视区域，决定用户看到什么；理想视口是对于特定设备的特定浏览器的布局视口的一个理想尺寸
查看更多关于移动web开发之视口viewport_html/css_WEB-ITnose的详细内容...