在不同浏览器中转换scale()与宽/高的关系
在不同浏览器中转换scale()与宽/高的关系
提问于 2013-01-29 20:45:06
我偶然发现了一个大问题，火狐无法以正常质量呈现scale()，所以我决定只设置width/height/top/left并转换它。但现在chrome的渲染质量很低，几乎只有5-8帧/秒，而safari只是介于两者之间，并显示了最终结果。
我读到，如果你想触发chrome的图形处理器渲染，你只需要在你的-webkit-transform值中添加translate3d()或'translateZ()‘，但它不再有帮助。
另一件事是，我不能真的依赖计算机的GPU性能，因为我需要尽可能平滑的动画。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-26 03:24:12
为了触发GPU渲染，您添加了以下内容：
.selector { transform: scale(1) rotate(0deg) translate3d(0,0,0); }
即使translate3d为0,0,0，它也会触发硬件加速，但如果没有看到你的代码，我不确定还能推荐什么？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14583233
复制相关文章
相似问题
腾讯云开发者
