在javascript中以英寸为单位获取屏幕尺寸答案

【问题标题】：get screen size in inches in javascript在javascript中以英寸为单位获取屏幕尺寸
【发布时间】：2021-11-10 05:14:26
【问题描述】：

大家好，我有一个页面，我想在较小的屏幕尺寸上将初始缩放设置得稍微低一些，问题是我无法在 javascript 中获得屏幕尺寸，我需要缩小 13 到 13 之间的屏幕尺寸14 英寸，但没有逻辑方法可以从像素值中得到它

我在移动设备上遇到了同样的问题，在某些手机上页面看起来不错，但在其他手机上却没有，而不是重建我只想缩小的所有内容

我知道这可能是不好的做法，但如果有办法做到这一点，那就是我想做的事

【问题讨论】：

@bZezzz — 不，它没有。像素大小取决于屏幕大小和分辨率。

标签： javascript

【解决方案1】：

受 bZezzz 所写内容的启发，但使用一些代码来检索实际屏幕尺寸。另请注意，screen.availHeight 和 screen.availWidth 返回屏幕大小，如果您的页面仅在屏幕的一部分上呈现，则可能没有太大帮助。

let hypotenuse = Math.sqrt(screen.availHeight**2 + screen.availWidth**2)
console.log(
  'pixels', hypotenuse,
  'inches', hypotenuse / 96 // Per spec, there are 96 pixels per inch
);

【讨论】：

"96 像素每英寸" — 不。这是在某些系统上为需要在物理值和像素值之间转换的软件设置的默认值。这是一种过时的方法，无法很好地反映现实。
@Quentin，虽然我同意这肯定不是实现 OP 想要实现的目标的正确方法（假设这里有 XY 问题），但 CSS 将 96 像素定义为一英寸标准。请参阅section 4.3.2 of the most recent version，它将像素定义为 3/4pt，进而定义为 1/72 英寸。