CSS優化+技巧
阿新 • • 發佈:2017-09-21
stand div 運動 不換行 硬件 字體 中文 強制 web
1、-webkit-font-smoothing 字體鋸齒
div { -webkit-font-smoothing: antialiased; }View Code
2、css實現不換行、自動換行、強制換行
//不換行
white-space:nowrap;
//自動換行
word-wrap: break-word;
word-break: normal;
//強制換行
word-break:break-all;
View Code
3、使用CSS transforms 或者 animations時可能會有頁面閃爍的bug
-webkit-backface-visibility: hidden;View Code
4、CSS開啟硬件加速
-webkit-backface-visibility: hidden;
View Code
5、-webkit-touch-callout 禁止長按鏈接與圖片彈出菜單
-webkit-touch-callout: none;
View Code
6、清除手機tap事件後ele時候出現的一個高亮
ele{ -webkit-tap-highlight-color: rgba(0,0,0,0); }View Code
7、user-select 禁止用戶選中文本
div { user-select: none; /* Standard syntaxView Code*/ }
8、contenteditable
設置element是否可編輯
<div contenteditable="true">可編輯</div>
View Code
9、圖片運動過程中,圖片模糊問題
transform: translate3d(0, 0, 0);
View Code
CSS優化+技巧