javascript - 使用缩放 css 时边缘浏览器问题

Question

我在视频上有一个滚动顶升，它使用 css 变换缩放视频容器。它在所有浏览器上都运行良好，但在 IE 和 Edge 中它会进行缩放转换，但当视频按比例放大时视频会像素化。

CSS

转换:translateY(0) scale(3,3);
-webkit-backface-visibility:隐藏；
-ms-backface-visibility: hidden;

Answer 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 */