Browser 如何计算网页浏览者的每英寸像素数？
有人能想出一种方法，我可以发现一个用户的像素每英寸？我希望确保图像在web浏览器中显示的大小与我所需的大小完全相同，因此使用分辨率（我可以从用户代理获得）和每英寸像素的组合，我可以做到这一点 然而，我不确定是否有任何方法可以发现用户每英寸像素数，最好使用JavaScript或其他非侵入性方法 有什么建议吗 谢谢 CJ 您可以获取HTTP请求用户代理标头Browser 如何计算网页浏览者的每英寸像素数？,browser,size,screen,pixels,Browser,Size,Screen,Pixels,有人能想出一种方法，我可以发现一个用户的像素每英寸？我希望确保图像在web浏览器中显示的大小与我所需的大小完全相同，因此使用分辨率（我可以从用户代理获得）和每英寸像素的组合，我可以做到这一点 然而，我不确定是否有任何方法可以发现用户每英寸像素数，最好使用JavaScript或其他非侵入性方法 有什么建议吗 谢谢 CJ 您可以获取HTTP请求用户代理标头 User-Agent: Mozilla/5.0 (Linux; X11) 这将告诉您操作系统，从这里您可以做出决定。这可能非常困难-即使您设法
User-Agent: Mozilla/5.0 (Linux; X11)
这将告诉您操作系统，从这里您可以做出决定。这可能非常困难-即使您设法根据dpi缩放渲染图像，您如何防止用户直接在浏览器中缩放图像
您是否考虑过一些丰富的接口技术，如flash或Silverlight？它们可能会为您提供额外的选项。您可以像以前的绘图包一样，显示一个可伸缩的标尺。让用户拖动虚拟标尺，直到它与他们放置在屏幕上的物理标尺匹配
对于生产使用来说，这不是一个严肃的建议，但可能是获得正确答案的唯一方法：（.您可以使用以下javascript函数来获得DPI
<script type="text/javascript">
var dpi = {
v: 0,
get: function (noCache) {
if (noCache || dpi.v == 0) {
e = document.body.appendChild(document.createElement('DIV'));
e.style.width = '1in';
e.style.padding = '0';
dpi.v = e.offsetWidth;
e.parentNode.removeChild(e);
}
return dpi.v;
}
}
alert(dpi.get(true)); // recalculate
alert(dpi.get(false)); // use cached value
</script>
var dpi={
v:0，
get：函数（noCache）{
if（noCache | | dpi.v==0）{
e=document.body.appendChild（document.createElement（'DIV'）；
e、 style.width='1in'；
e、 style.padding='0'；
dpi.v=e.offsetWidth；
e、 parentNode.removeChild（e）；
}
返回dpi.v；
}
}
警报（dpi.get（true））；//重新计算
警报（dpi.get（false））；//使用缓存值
96在WinXP和Win2k上，在Opera9、IE6&7和Firefox 3.6中测试了上述代码 更新：
添加了noCache参数。但我怀疑它是否会有任何效果。我在上述windows版本上使用zoom-in FireFox和Opera对其进行了测试，他们不断引用DPI为'96'，而不管缩放的大小。看看移动设备如何使用它会很有趣。最安全、最简单的方法是告诉浏览器y的大小您需要图像。CSS支持英寸和度量，因此您可以像以下任何示例一样指定图像：
<img src="image.png" style="width:15cm;height:10cm;" alt="Centimeters" />
<img src="image.png" style="width:5.9in;height:3.9in;" alt="Inches" />
<img src="image.png" style="width:150mm;height:100mm;" alt="Millimeters" />