Question

对于特定情况，我必须缩小整个网页。

所以我花时间搜索各种可能的解决方案，但我遇到了与缩放CSS属性的兼容性问题，该属性在Mozilla上不起作用。我很快遇到了scale属性，但它没有提供相同的期望结果，i。即相当于传统的缩小（CTRL - ）。

您是否了解适用于主浏览器的等效技术？

提前感谢您的反馈！

Answer 1

https://caniuse.com/#search=zoom 这将告诉您每个浏览器的兼容性。不是解决方案，但这就是为什么它不适用于moz。

只需一点点搜索即可使用此

.zoom {
zoom: 2;
-moz-transform: scale(2);
-moz-transform-origin: 0 0;
-o-transform: scale(2);
-o-transform-origin: 0 0;
-webkit-transform: scale(2);
-webkit-transform-origin: 0 0;
transform: scale(2); /* Standard Property */
transform-origin: 0 0;  /* Standard Property */

}

那应该做你想做的事情：）

CSS中的缩放属性适用于Chrome，但不适用于Mozilla

1 个答案: