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大小设置为厘米或英寸，这通常不起作用。为了显示正确大小的块，浏览器必须如何屏幕大小（或DPI）。但OS并没有告诉浏览器你的显示器大小是多少（可能操作系统本身并不知道）。

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

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

1 个答案: