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

Question

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

所以我花时间搜索了各种可能的解决方案，但我遇到了 zoom CSS 属性的兼容性问题，该问题在 Mozilla 上不起作用。我很快遇到了 scale 属性，但它没有提供相同的期望结果，即。 e.相当于传统的缩小 (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 */

这应该可以满足您的需求:)