使用 JavaScript 缩放浏览器

Question

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

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

谢谢

Answer 1

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

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

Answer 2

CSS的zoom没有属性的支持，但变换的支持，虽然它很可能还是更好地使用图书馆， transform: scale(%); 是最简单的方法。

 p { animation: scale 5s infinite; } @keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(.1); } 100% { transform: scale(1); } }

 <p>I'll grow larger and smaller<p>