首页 > 解决方案 > 使用缩放 css 时的边缘浏览器问题

问题描述

我在使用 css 转换缩放视频容器的视频上有一个滚动顶升。它在所有浏览器上都可以正常工作,但是在 IE 和 edge 中,它会进行缩放变换,但是当视频放大时,视频会变得像素化。

CSS

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

标签: javascriptcssinternet-explorermicrosoft-edge

解决方案


尝试这个

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

推荐阅读