HTML 5

meta

http-equiv属性

//强制浏览器按照特定的版本标准进行渲染,但不支持IE7及以下版本。
// 如果是ie浏览器就用最新的ie渲染，如果是双核浏览器就用chrome内核。
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> 

name属性

// 在移动设备浏览器上，禁用缩放（zooming）功能，用户只能滚动屏幕
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>

适配屏幕宽度

      @media screen and(min-width:1200px){

      }
      @media screen and (min-width: 960px) and (max-width: 1199px) {
        
      }
      @media screen and (min-width: 768px) and (max-width: 959px) {
        
      }
      @media only screen and (min-width: 480px) and (max-width: 767px){
        
      }
      @media only screen and (max-width: 479px) {

      }