web 移动开发 注意几点

(1)单位问题,

  em:父级节点的字体大小

  rem:根元素的字体大小,一般用这个,设定个20,或者32px

chrome最小是12px。

(2)flex的应用,布局

display:flex;

flex:1,  1

(3)移动端 meta引入viewport

(4)图片模糊问题。

最好的就是适应屏幕发送,为主流屏幕都适配一张图。

不行就压缩。

background-size:contain|center

(5)media query 

(6)利用localstrange

主要问题就是适配屏幕的问题。其他都还好。

原文地址:https://www.cnblogs.com/hgonlywj/p/4854084.html