移动端解决技术方案小结

1.浏览器

大多以webkit内核为主，需要考虑webkit兼容问题。

 2.初始化  normal.css

移动端一般用这个初始化文件，作用是可以保护有价值的默认值、修复浏览器的bug、

模块化、有详细文档。

https://necolas.github.io/normalize.css/8.0.1/normalize.css

3.css3新的盒子模型 box-sizing

box-sizing：border-box；不管padding怎么变，盒子大小不会变，定死了。

传统的盒子是width+height+padding

box-sizing:content-box;

新的是以盒子为主体，传统的是以内容为主体。

4.特殊情况

移动端在设置链接后，点击的时候会出现一个高亮的背景，需要用tranparent设置为透明。

-webkit-tap-highlight-color：transparent；

有些默认的pc端的外观效果移动端不需要，所以需要去掉

-webkit-appearance:none;

禁止链接、图片按时间长了弹出菜单

-webkit-touch-callout：none；