关于c3样式在浏览器上的兼容问题
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%作为宽度