分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS优化+技巧

发布时间:2023-09-06 01:12责任编辑:赖小花关键词:CSS

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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved