响应式布局
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="./xy.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){
大屏
}