使用 JavaScript 缩放浏览器答案

【问题标题】：Zoom a browser with JavaScript使用 JavaScript 缩放浏览器
【发布时间】：2016-09-27 03:08:36
【问题描述】：

我很好奇是否有任何方法可以强制窗口缩放或更改参考像素大小。我知道您可以使用 window.devicePixelRatio 获得报告的缩放级别

我们一直在使用 rem 并更改根 html font-size，但希望使用像素，因为 DPI 和可访问性由浏览器的参考像素以及大多数测量值（如 clientWidth 和拖动触摸事件）进行补偿以px 衡量，我们正在使用额外的数学将其无缘无故地缩放为rem！

谢谢

【问题讨论】：

您可以像这样缩放页面document.body.style.zoom = 1.2 不断将 1.2 更改为 1.3、1.4 等...，不确定是否达到您想要的结果
1 条评论；转换是completely supported（至少在主要浏览器中，等等，等等，等等），它包括一个缩放选项。尽可能使用它。
Changing the browser zoom level的可能重复

标签： javascript html css meta

【解决方案1】：

我使用 Javascript 进行了放大。我只是在使用document.body.style.zoom=1.5;

Here 是你可以看到的小提琴。也许这可以解决您的问题。

【讨论】：

【解决方案2】：

css zoom 属性不是 supported，但是transform 是supported，虽然使用库可能更好，transform: scale(%); 是最简单的方法。

p {
  animation: scale 5s infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(.1);
  }
  100% {
    transform: scale(1);
  }
}

&lt;p&gt;I'll grow larger and smaller&lt;p&gt;

【讨论】：