响应式布局

响应式布局
    1.必须加上<meta name="viewport" content="width=device-width,
    user-scalable=no,initial-scale=1.0,maximum-scale=1.0,maximum-scale=1.0"> 
    2.  引入 <link rel="stylesheet" type="text/css" href="./xx.css" media="all and (max-width:768px)" />
    3内部样式写法
        <style>
            @media all and (max-width:768px){
                小屏
            }
            @media all and (min-width:768px) and (max-width:1200px){
                中屏
            }
            @media all and (min-width:1200px){
                大屏
            }
        </style>