关于手机端自适应~响应式布局

Frist,如果想要在问手机端自适应，这句一定copy到代码里，不用修改，切记

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Secound,写css代码
例
/ 当浏览器的可视区域小于1024px /
@media screen and ( max-width: 1024px ) {
这里套适应宽小于1024px的样式
}
/ 当浏览器的可视区域小于768px /
@media screen and ( max-width: 768px ) {
这里套适应宽小于768px的样式
}

即@media screen and ( max-width: XXpx ) {}