使用缩放 CSS 时的 Edge 浏览器问题

Question

我在视频上有一个滚动千斤顶，可以使用 css 变换缩放视频容器。它在所有浏览器上工作正常，但在 IE 和 Edge 中它会进行缩放变换，但当视频放大时视频会像素化。

CSS

transform: translateY(0) scale(3,3);
-webkit-backface-visibility: hidden;
-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 */

Answer 2

我建议您参考下面的链接可能会为您提供更多信息。

变换属性

CSS 演示：变换

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

我们将尝试用它进行测试并尝试找到解决方案。

Answer 3

使用 CSS

scrollbar-gutter: stable;

修复 IE Edge 的渲染问题。