使用JavaScript缩放浏览器

Question

我很好奇是否有办法强制窗口缩放或更改参考像素大小。我知道您可以使用window.devicePixelRatio

获得报告的缩放级别

我们一直在使用rem并更改根html font-size，但想要使用像素，因为DPI和辅助功能可以通过浏览器的参考像素进行补偿，而大多数测量都会像{{1并且拖动触摸事件是在clientWidth中测量的，我们正在使用额外的数学运算，无缘无故地将其缩放为px！

由于

Answer 1

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

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

Answer 2

css zoom属性不 supported，但转换为supported，尽管使用库可能更好，{{1}是最简单的方法。

transform: scale(%);

p {
  animation: scale 5s infinite;
}

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