使用scale CSS时的边缘浏览器问题

时间:2018-09-23 00:55:29

标签: javascript css internet-explorer microsoft-edge

我在视频上使用滚动千斤顶,该视频使用CSS转换来缩放视频容器。在所有浏览器上都可以正常工作,但是在IE中,它可以进行比例转换,但是当视频按比例放大时,视频会像素化。

CSS

transform: translateY(0) scale(3,3); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden;

2 个答案:

答案 0 :(得分:1)

尝试一下

 -webkit-transform: translateY(0) scale(3,3);; /* android, safari, chrome */
 -moz-transform: translateY(0) scale(3,3);; /* old firefox */
 -o-transform: translateY(0) scale(3,3);; /* old opera */
 -ms-transform: translateY(0) scale(3,3);; /* old IE */
 transform: translateY(0) scale(3,3);; /*standard */

答案 1 :(得分:1)

我建议您参考下面的链接,这样可能会给您更多信息。

transform property

CSS Demo: transform

如果仍然无法正常工作,那么建议您提供完整的示例代码。

我们将尝试对其进行测试,并尝试找到解决方案。