1 text-size-adjust: 100%;
font-size<12px
不推荐none，因为none会导致页面缩放失效
属性是为解决移动设备上横屏问题而出现的，取消横屏切换时字号变大
另外，桌面谷歌27以上已经不支持这个属性了，可用transform:scale(0.875)替代不过为啥一定要用<12的，12px不是很好么 2 :focus{
outline:none;
}
真的有需要获得焦点的元素，如果取消默认的，还是自定义一套对用户更友好
3 -webkit-tap-highlight-color:rgba(0, 0, 0, 0)可以同时屏蔽ios和android下点击元素时出现的阴影
4 appearance改变按钮和其他控件的外观，使其类似于原生控件。
设置为none屏幕input的内阴影
-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;
5 -webkit-touch-callout :none则禁止系统默认菜单
6 -webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用GPU），但是在android容易引发bug。
7 scrollTo(0,0)自动隐藏浏览器地址栏
8 css3动画会影响自动聚焦，自动聚焦要在动画执行之前来做
9 -webkit-font-smooting: antialiased; 这个属性可以使页面上的字体抗锯齿。默认为subpixel-antialiased ｜ none；
-moz-osx-font-smooting:grayscale; 这个属性也是更清晰的作用，特别是图标文字流行的今天。
参考：http://www.css88.com/webkit/-webkit-appearance/
http://blog.163.com/hsb001_mobile/blog/static/15524028020111177221254/