我正在使用CSS 3D转换来缩放div,例如:
-webkit-transform: scale3d(2,2,1);
缩放本身在任何WebKit浏览器中都能正常工作.但是,在Safari(移动设备或Windows)上使用此功能时,不会重新呈现div的内容.结果是缩放后内容变得模糊.
仅在使用3D变换时才会出现此效果.使用时一切正常
-webkit-transform: scale(2);.
为了在iPhone/iPad上利用硬件加速,使用3D转换会很不错.
有人知道怎么告诉Safari用新的比例重新渲染div吗？
这是一个时髦的.我确定它与webkit相关,因为它似乎只是Chrome版本20.0.1132.57和Safari 5.1.7中的一个问题.我上传了一个简短的视频来解释这个问题,因为几乎不可能通过文字来解释.
视频:http: //youtu.be/0XttO-Diz2g
简短版本: 在CSS3动画期间,定位元素(绝对或相对)内的文本似乎改变了它的抗锯齿.动画正在运行时变得更大胆.
注意: 这与缩放元素变得模糊不适的动画不同.(这个问题)
任何想法,解决方法等？