书架

X-UA-Compatible是IE8新增的，IE8以下不支持，是对ie版本的兼容性模式的设置。 **一般写法如下：** ```html <meta http-equiv="X-UA-Compatible" content="IE=edge" /> ``` **代码解释：****IE8及以上版本浏览器都以最高版本IE来渲染页面** 以下几个要点： > - X-UA-Compatible确实是为了我们定义浏览器的渲染方式的； > - 如果存在客户端Chrome Frame并启用，那么浏览器访问页面会被Chrome内核渲染（这一点没太大意义，因为你开发的

### apple-mobile-web-app-status-bar-style ```html <meta name=”apple-mobile-web-app-status-bar-style” content=black” /> ``` 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。 注意： 若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 ### apple-mobile-web-ap

```html <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ``` # 一、视口的作用 就是让移动设备显示的窗口宽度等于设备的真实宽度 width=device-width，可以正常浏览网页。 # 二、如何使用视口 ```html <meta name="v