我有一个 css 文件，其中包含一个带有 Zoom: 1 的类。
我在浏览器控制台上收到以下错误。
该页面使用非标准的“缩放”属性。相反，您可以使用 calc()，或将“transform”与“transform-origin: 0 0”一起使用。
如何将属性从缩放转换为变换或计算？
谢谢
您可以找到说明和推荐在 MDN 网络文档上 https://developer.mozilla.org/en-US/docs/Web/CSS/zoom:
此功能是非标准功能，并且不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。
推荐：
非标的zoomCSS 属性可用于控制元素的放大级别。transform: scale()如果可能的话，应该使用它来代替此属性。然而，与 CSS 变换不同的是，zoom影响元素的布局大小。
demo:
div.t1 {
zoom: 0.5;
}
div.t2 {
transform:scale(0.5);
transform-origin: 0 0;
}
<div class="t1">Hello World</div>
<div class="t2">Hello World</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
