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優化+技巧