屏幕自适应

1、

@media screen and (max-width:240px){}　　//宽度小于240px执行

@media screen and (min-width:240px){}　　//宽度大于240px执行

 

2、

flexible.js

在所有资源加载之前先放入

<script src="build/flexible_css.js"></script>

<script src="build/flexible..js"></script>

 

3、

使用数值单位时可以尝试使用rem作为单位替代px。

rem一般用于设置字体的大小，1rem就是html根元素的字体大小，2rem就是html字体大小的2倍，1.5rem是html字体的1.5倍，0.75rem则是html字体大小的四分之三，依此类推。

因此，rem是一个相对长度单位，当改变html根元素的字体大小时，所有以rem为单位的字体大小也会跟着放大或缩小。
当然，它也可以用在其它地方，不一定是字体大小。比如要把某个元素的宽度设为5个字符的宽度，则 {width:5rem}