如何使用 CSS/Javascript 设置浏览器绝对缩放级别？

Question

诸如此类的事情

document.body.style.zoom = 1.5;

在 Javascript 和

body{zoom: 150%;} 

在 CSS 中，不要将绝对缩放级别设置为 150%，而是将其相对更改为当前级别。

我怎样才能以绝对方式设置它？

Answer 1

百分比是相对度量，根据mdn web 文档，即使您输入一个数字，它也会转换为其相对百分比。 zoom 似乎也是一个不受支持的属性。 您可以改用transform: scale(factor) ，但这也是相对的。 如果您想要精确的东西，您可能应该只更改元素的宽度和高度并使其在内部做出响应。 但是，我真的不知道您要实现的目标或上下文。 我真的不明白为什么你想要一个绝对测量来缩放/缩放某些东西。

Answer 2

使用transform: scale属性，你可以得到你想要的。 只需将该属性应用于 body，您就可以获得模仿 zoom 属性的东西。 在下面的代码中，body 标签被放大了 150%

   body {
        transform: scale(1.5, 1.5)
    }