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

 

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