javascript - 在javascript中获取以英寸为单位的div高度

Question

我想获得以英寸为单位的 div 高度。
我正在使用这段代码，但这没有返回正确的值

<div id="test" style="width:2in;height:3in"></div>

这是一段javascript代码。

var dpi_x = document.getElementById('test').offsetWidth;
var dpi_y = document.getElementById('test').offsetHeight;
var width = screen.width / dpi_x;
var height = screen.height / dpi_y;
console.log(width);
console.log(height);

自己检查一下，这不是返回 2 和 3 英寸。

Answer 1

但是您可以将 div 大小设置为以厘米或英寸为单位，这通常不起作用。为了以正确的大小显示 block ，浏览器必须设置屏幕大小(或 DPI)。但是操作系统不会告诉浏览器您的显示器尺寸是多少(可能操作系统本身并不知道)。

在线标尺，例如http://iruler.net ，使用一些技巧来检测您的设备。例如，不同的智能手机发送不同的 USER_AGENT http header ，因此基于 http header 、屏幕尺寸(以像素为单位)等的组合。这些网站假定您使用的是什么设备，然后能够以实际尺寸显示 dom 元素。