一直有研究自适应,总是没什么进展,无意中发现了一个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"> |
然后就自己发挥吧!