1、-webkit-font-smoothing 字体锯齿
div { ???-webkit-font-smoothing: antialiased; }
2、css实现不换行、自动换行、强制换行
//不换行white-space:nowrap;//自动换行word-wrap: break-word; word-break: normal; //强制换行word-break:break-all;
3、使用CSS transforms 或者 animations时可能会有页面闪烁的bug
-webkit-backface-visibility: hidden;
4、CSS开启硬件加速
-webkit-backface-visibility: hidden;
5、-webkit-touch-callout 禁止长按链接与图片弹出菜单
-webkit-touch-callout: none;
6、清除手机tap事件后ele时候出现的一个高亮
ele{ ???-webkit-tap-highlight-color: rgba(0,0,0,0);}
7、user-select 禁止用户选中文本
div { ???user-select: none; /* Standard syntax */}
8、contenteditable
设置element是否可编辑
<div contenteditable="true">可编辑</div>
9、图片运动过程中,图片模糊问题
transform: translate3d(0, 0, 0);
CSS优化+技巧
原文地址:http://www.cnblogs.com/vhen/p/7567141.html