<meta name="viewport" content="width=device-width, initial-scale=1"/>
// content有以下属性值
/*
1.width:可设置数值，也可设置字符（device-width）
2.initial-scale：设置页面的初始缩放值，为一个数字，可以带小数
3.minimum-scale：允许用户的最小缩放值，为一个数字，可以带小数
4.maximum-scale：允许用户的最大缩放值，为一个数字，可以带小数
5.height：一般不用，设置高度的
6.user-scalable：是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许
*/
单独设置 initial-width=1 和设置 width=device-width的效果一样，但是iphone、ipad以及IE 会横竖屏不分
同事设置可避免这个问题，initial-scale=1 解决了 iphone、ipad的毛病，width=device-width则解决了IE的毛病
