关于c3样式在浏览器上的兼容问题

Posted 2020-09-10 fengzaiku

1，在存在transition的元素执行动画时对下面元素的影响及解决方法：

　　A,对position：fixed影响:造成定位元素抖动，解决方法：

　　-webkit-transform-style:preserve-3d;

　　-webkit-backface-visibility:hidden;

　　B,字体模糊，这主要是transform位移取值不为整数引起的，解决方法：

　　　a，-webkit-font-smoothing: antialiased; /*chrome、safari*/

　　　　-moz-osx-font-smoothing: grayscale;/*firefox*/

　　　　　　-webkit-font-smoothing它有三个属性值：

　　　　　　none ------ 对低像素的文本比较好

　　　　　　subpixel-antialiased------默认值

　　　　　　antialiased ------抗锯齿很好

　　　b,改用传统的位移方式

　　C，transform在图片执行scale时出现抖动现象，解决方法：

　　　　给这张图片的宽度写死，不要用100%作为宽度