在Chrome的Android版本中，有没有一种安全的方法可以获取实际正确的屏幕物理尺寸？如果需要，旧版本的Chrome和Android可以不考虑。
关于从javascript（或css）内部获取设备的实际物理屏幕尺寸，stackoverflow上有许多死胡同的问题。似乎在HTML API标准化和实际浏览器实现之间没有一致性，更不用说浏览器实现依赖于操作系统API，而后者又依赖于提供正确信息的硬件了。
之前的一些答案是过时的（例如 2011 年左右），他们假定当时存在某种卓越的像素密度，因此毫无用处。其他的则与 WebKit 相关，而 Chrome blink 可能已经在 Chrome 中取代了 WebKit。
我想通过将事情限制在仅针对Chrome的Android版本上来探索一个简单的解决方案。
这完全是关于浏览器内部的javascript（或css）解决方案，而非本地应用程序的解决方案。
在0.26毫米的空间中，我们可能有非常多的实际设备像素。参考像素是具有96dpi像素密度和读者距离为手臂长度的设备上一个像素的视觉角度。对于标称手臂长度28英寸，因此视觉角度约为0.0213度。在手臂长度处阅读，1px大约对应于0.26毫米（1/96英寸）。
iPhone Safari浏览器是第一个（据我所知）引入视口概念的浏览器。这是为了使完整的桌面样式应用程序能够在小屏幕上呈现而创建的。视口被定义为960像素宽。这本质上将页面缩小了3倍（iPhone最初为320像素），因此1个CSS像素等于1/3个物理像素。当您定义视口时，可以使该设备与163dpi匹配，使1个CSS像素等于1个真实像素。
使用视口，其中宽度为“设备宽度”，可以使您无需针对每个设备设置视口宽度以达到最佳CSS像素大小，浏览器会自动完成。在 Web 应用程序中，没有获取物理像素或显示器的物理尺寸的方法（没有相应的 Web API）。
根据Matanster的答案，他观察了 SVG 属性，如screenPixelToMillimeterX，我进行了测试以查看它们是否有效：
（编辑：这些属性已从规范中删除（或从未存在），浏览器可能不再具有（或从未具有）这些属性，使我们进一步远离了实际的物理显示尺寸）。
// on Macbook Pro Retina (2880x1800, 15.4"), is the calculated diagonal size
// approximately 15.4? Let's see...
var svgEl = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var screenWidthMillimeters = svgEl.screenPixelToMillimeterX * 2880;
var screenHeightMillimeters = svgEl.screenPixelToMillimeterY * 1800;
var screenDiagonalMillimeters = Math.sqrt(Math.pow(screenWidthMillimeters, 2) + Math.pow(screenHeightMillimeters, 2)); // pythagorean theorem
var screenDiagonalInches = (screenDiagonalMillimeters / 10 / 2.54); // (mm / 10mm/cm) / 2.54cm/in = in
console.log("The calculated diagonal of the screen is "+screenDiagonalInches+" inches. \nIs that close to the actual 15.4\"?");
这是输出结果：
The calculated diagonal of the screen is 35.37742738560738 inches.
Is that close to the actual value of 15.4?
不行。
目前似乎还没有办法在Web浏览器中获取真实的物理值。
thisDevice对象似乎为空。我真的希望我们有API来获取物理屏幕尺寸。 - trusktrresolution_(width|height)
physical_display_(width|height)
长版：
实现这一目标的最佳且最可靠的策略是将浏览器发送的用户代理字符串发送到类似于WURFL（或其他）最新的数据库中，该数据库可以提供所需的信息。
所有现代浏览器都可以提供此信息；它公开了有关设备及其操作系统的信息。但是，如果没有像WURFL这样的字典的帮助，它对您的应用程序来说并不足够有意义。
这是一个常用于检测设备属性的数据库。
使用它，您可能能够准确支持市场上大多数流行的设备。我会发布一个代码演示，但是可以在WURFL网站的下载中找到它。您可以在与库一起下载的examples/demo文件夹中找到这样的演示。
以下是关于检查物理尺寸和分辨率的更多信息和解释： http://www.scientiamobile.com/forum/viewtopic.php?f=16&t=286
Unit Description
cm centimeters
mm millimeters
in inches (1in = 96px = 2.54cm)
px * pixels (1px = 1/96th of 1in)
pt points (1pt = 1/72 of 1in)
pc picas (1pc = 12 pt)
* Pixels (px) are relative to the viewing device.
For low-dpi devices, 1px is one device pixel (dot) of the display.
For printers and high resolution screens 1px implies multiple device pixels.
cm、mm和in可以绘制出与屏幕大小和分辨率无关的相同大小的东西。有了这个想法，您可以期望至少可以使用px、pt或pc来以像素级别绘制，无论您想使用什么精度（否则，拥有数百万像素有何意义呢？）。好吧，不是这样的。所有单位都是度量单位的分数，使得所有这些单位只是不同的比例尺。而故事中最糟糕的是没有一个是准确的。只需使用w3schools示例进行测试（绘制一条20厘米的线并用标尺测量即可）。cm、mm、in甚至pt和pc的情况）。
- 没有办法以与屏幕大小和分辨率无关的相同大小绘制东西（这至少应该是px的情况）。px 应该独立于屏幕尺寸，而已经有这么多单位了）。<div id="meter" style="width:10cm"></div>
然后获取它的像素宽度。例如，下面的html代码（我使用JQuery）显示设备屏幕宽度（以厘米为单位）。
<script>
var pixPer10CM = $('#meter').width();
var CMPerPix = 10 / pixPer10CM;
var widthCM = screen.width * CMPerPix;
alert(widthCM);
</script>
CSS像素并不是我们所说的“设备独立像素”。Web平台包括各种设备类型。虽然在手持设备上CSS像素看起来相当一致，但在典型的96dpi桌面监视器上，它会变大50%。请参见我的问题。在某些情况下，这实际上并不是一件坏事，例如字体在较大的屏幕上应该更大，因为到眼睛的距离更远。但UI元素的尺寸应该相当一致。假设您的应用程序有一个顶部栏，您希望它在桌面和移动设备上具有相同的厚度，默认情况下它会小50%，这不好，因为可触摸元素应该更大。我找到的唯一解决方法是根据设备DPI应用不同的样式。
您可以使用JavaScript中的window.devicePixelRatio获取屏幕DPI。或者使用CSS查询：
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi)
{
/* specific styles for handhelds/ high dpi monitors*/
}
我不知道在高dpi桌面显示器上应用这个方案会怎样，也许元素会太小。很遗憾，网络平台没有提供更好的解决方案。我猜实现dip不会太难。
有了这个，我设置了我的CSS，在宽度小于284px时显示1列，不考虑像素密度；在284px到568px之间显示两列；在852px以上显示3列。现在，浏览器会自动执行像素密度计算，所以这比看起来更简单。
http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
<meta name="viewport" content="width=device-width, initial-scale=1">
var ppi = getPPI();
var x = ppi * devicePixelRatio * screen.pixelDepth / 24;
$('#Cubo').width (x);
$('#Cubo').height(x);
<div id="Cubo" style="background-color:red;"></div>
window.screenDensity的JavaScript属性，该属性包含设备每英寸的物理像素数，你和我（matt）可以从中获取信息。window.screenHeight和window.screenWidth以物理毫米为单位也很好。 - trusktr