javascript - 使用缩放 css 时的边缘浏览器问题
问题描述
我在使用 css 转换缩放视频容器的视频上有一个滚动顶升。它在所有浏览器上都可以正常工作,但是在 IE 和 edge 中,它会进行缩放变换,但是当视频放大时,视频会变得像素化。
CSS
transform: translateY(0) scale(3,3);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
解决方案
尝试这个
-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 */
推荐阅读
- forms - Microsoft Access Form 组合框和计算
- javascript - 在线类型错误:无法读取未定义的属性“推送”
- javascript - 通过 JavaScript 动态注入谷歌分析代码
- json - 通过 JSON 在 Draw2D.js 中保存和恢复图表
- android - Flutter:build/app/outputs下的apk/release目录和flutter-apk目录有什么区别?
- java - 在spring boot环境中实现自定义注解
- c# - WebApi .Net Framework 4.8 中的 AWS Cloudwatch 日志
- r - 在填充堆积图中外推 100%
- python - 如何使用函数删除列表中的重复行?
- google-cloud-platform - 具有 1:2 cpu/ram 比率的 GCP 机器