码迷,mamicode.com
首页 > Web开发 > 详细

CSS优化+技巧

时间:2017-09-21 10:25:01      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:closed   分享   实现   ef6   ted   one   nowrap   syn   table   

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 syntax */
}
View Code

8、contenteditable 设置element是否可编辑

技术分享
<div contenteditable="true">可编辑</div>
View Code

9、图片运动过程中,图片模糊问题

技术分享
transform: translate3d(0, 0, 0);
View Code

 

CSS优化+技巧

标签:closed   分享   实现   ef6   ted   one   nowrap   syn   table   

原文地址:http://www.cnblogs.com/vhen/p/7567141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!