以a4纸张尺寸计算div高度

Question

我需要以某种方式计算我网站上的div包含多少a4篇论文。我知道a4纸张大小（以像素为单位）会根据屏幕dpi而变化。我正在寻找一种计算用户屏幕dpi的方法，然后将其转换为以像素为单位的4页度量，并将我的div的高度除以该数量，以便使用javascript或Jquery模拟页面计数。这是一个很好的方法，还是有替代方案？我如何知道给定的屏幕dpi（无论它是什么）并将其转换为像素？

Answer 1

您可以使用以下方式计算用户的屏幕DPI：

<div id='testdiv' style='height: 1in; left: -100%; position: absolute; top: -100%; width: 1in;'></div>

和

dpi_x = document.getElementById('testdiv').offsetWidth;
dpi_y = document.getElementById('testdiv').offsetHeight;

console.log("dpi_x: "+dpi_x+", dpi_y:"+dpi_y);

<强> REFERENCE

此外，您可能需要give this a read。