在javascript中获取以英寸为单位的屏幕大小

Question

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

我在手机上也有同样的问题，在某些手机上页面看起来不错，但在其他手机上则不然，与其重建所有内容，我只想缩小

我知道这可能是一种糟糕的做法，但如果有办法的话，那就是我想做的

Answer 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
);