html和css自适应页面原理！

一直有研究自适应，总是没什么进展，无意中发现了一个css库

@media screen and (min-width:480px)

这里说明一定要大于480px里面的css才会生效

@media screen and (max-width:480px)

这里说明一定要小于480px里面的css才会生效

另外还需要再head里面添加俩meta

<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><meta name="viewport" content="width=device-width,initial-scale=1.0"> 

然后就自己发挥吧！