在浏览器中检测操作系统缩放

Question

我有一个具有一定高度和宽度的 iframe。 基于浏览器和操作系统缩放级别，我想更改 iframe 的尺寸。

我的问题是：如何检测操作系统缩放。 我确实知道如何根据How to detect page zoom level in all modern browsers?的答案获得浏览器级别缩放。 ，但当我更改操作系统缩放（在 windows 和 MAC 上）时，返回的浏览器缩放是相同的。 所以我想补偿浏览器缩放，这就是我寻找一种方法来确定操作系统级别缩放的原因。

我现在对 Chrome 和 Safari 的解决方案感兴趣。 谢谢您的帮助。

Answer 1

您可以从window.devicePixelRatio获取操作系统缩放级别

Answer 2

只需使用vw和vh CSS单位来设置iframe的大小。