javascript - 如何通过 javascript 访问屏幕显示的 DPI 设置?

标签 javascript dpi

<分区>

有没有办法在 Javascript 函数中访问屏幕显示的 DPI 设置?

我试图在页面上放置一个 HTML 面板,当用户的 DPI 设置为大 (120) 时,它会关闭该位置。我需要知道 DPI 是多少,以便相应地调整位置。

最佳答案

看起来您可以在 IE 中使用“屏幕”DOM 对象,它具有 deviceXDPI、deviceYDPI、logicalXDPI、logicalYDPI 的属性。

https://www.w3schools.com/jsref/obj_screen.asp

这是来自 http://www.webdeveloper.com/forum/showthread.php?t=175278 的解决方案 (我还没有尝试过,看起来完全是 hack :) 只需创建 1 英寸宽的东西并以像素为单位进行测量!

console.log(document.getElementById("dpi").offsetHeight);
#dpi {
    height: 1in;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 1in;
}
<div id="dpi"></div>

关于javascript - 如何通过 javascript 访问屏幕显示的 DPI 设置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/476815/

相关文章:

javascript - 是否可以在 Angular 中使用获取请求?

ios - iPhone 应用程序使用什么 dpi 分辨率?

c# - SetProcessDpiAwareness 没有效果

c - 当 DPI 设置为 150% 时关闭 Aero (Windows 7),全屏窗口仅覆盖任务栏

javascript - Google 地方信息 API - 详细信息

javascript - 如果 div B 为空则隐藏 div A

javascript - 谷歌脚本循环复制到循环行