为了使pc端的网页可以在手机上查看，苹果公司提出了一个视口的概念。视口就是移动设备上用来显示网页的区域。一般会比移动设备可视区域大，宽度可能是980px或者1024.
也可以设置视口的大小等于移动设备的大小。
设置方法：meta:vp+tab键即可在sublite3中打印出来：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
user-scalable=no表示禁止用户手动缩放；width=device-width：宽度等于设备的宽度；initial-scale=1.0初始大小是1（即和设备大小一致）；同时写这三条是为了浏览器的兼容：initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"【每个浏览器的兼容模式不一样】。
浏览器的渲染过程是：