移动端适配

1.meta viewport

<meta name="viewport" content="width=device-width,user-scale=no,initial-scale=1.0,maxiums-scale=1.,minimum-scale=1.0"

2媒体查询

<style>@media(max-width:800px){body{background:red;}}</style>

不大于800px的屏幕上css的样式才会生效

<style>@media(min-width:321px)and(max-width:800px){body{background:red;}}</style>

不小于321px不大于800px的屏幕该css会生效。