就是让移动设备显示的窗口宽度等于设备的真实宽度 width=device-width，可以正常浏览网页。
视口的属性：height ： 视口的高度；width ： 视口的宽度
视口简介
就是让移动设备显示的窗口宽度等于设备的真实宽度 width=device-width，可以正常浏览网页。
视口的属性：
height ： 视口的高度
width ： 视口的宽度
device-height： 设备屏幕的输出高度
device-width ：设备屏幕的输出宽度
initial-scale：初始比例，页面加载时的默认比例1.0
user-scalable：指定用户是否可以对页面进行缩放 yes允许/no不允许
minimum-scale：最小允许缩放的比率1.0
maximum-scale：最大允许缩放的比率1.0
设置建议
响应式网站建议视口设置
<meta name=viewport content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
非响应式网站或者需要让更小屏幕手机不变形时使用下列视口，width代表网站最小宽度
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=375, user-scalable=yes, target-densitydpi=device-dpi, minimal-ui">
