想要对屏幕分辨率和屏幕尺寸做一些澄清

Question

我在以不同分辨率查看我的网页时使用：http://quirktools.com/screenfly/。我注意到当选择显示图标时，它是左上角的第一个图标（看起来像电脑显示器），我看到一个具有各种分辨率尺寸的下拉菜单，旁边的那些尺寸是英寸。例如，在该列表中，1920 X 2000旁边有＆＃34; 24英寸。这是否意味着24英寸显示器通常默认具有1920 X 2000的分辨率？或者这只是一个24英寸的显示器的演示，并显示分辨率为1920 X 2000的内容？或者您可以假设24英寸显示器很可能会默认显示分辨率为1920 X 2000的内容吗？

Answer 1

Screenfly上引用的屏幕'尺寸'仅供参考 - 它只是模拟的像素尺寸。 Screenfly上列出的屏幕和像素大小之间的关系是相当典型的，但它们并非普遍适用。

有两个主要元素在起作用：

1. 像素密度：典型的桌面屏幕的像素密度约为96dpi（每英寸点数），而笔记本电脑的像素密度约为116dpi。 大多数屏幕以1的像素比率显示图像（即图像中的一个像素=屏幕上的一个像素），因此在典型的笔记本上观看的图像比640x480像素小约20％。在桌面上，因为像素更接近。
2. 宽高比：不同的屏幕具有不同的宽高比。 iPad有一个4：3（20世纪80年代的电视形状）屏幕，而现代桌面或笔记本电脑将有16：9或16:10的宽屏幕。没有固定的规则，但16：9屏幕通常更适合游戏和电影（因为它们与宽屏电视的形状相匹配）而16:10屏幕通常更适合桌面应用，因为额外的高度允许水平菜单条。

例如在Screenfly菜单中，他们列出23“为1920x1080（16：9比例）和24”为1920x1200（比例为16:10），但没有规则可以说总是如此 - 例如我的两个24英寸桌面屏幕都是16：9。

这一切都变得有趣的是超高DPI设备，如'视网膜'iPad，其像素密度约为260-320dpi。如果Apple坚持常规并以实际像素大小显示内容，那么一切都会很小，包括文本。

所以，他们只是将所有内容加倍 - 一个300x200的图像在Retina iPad上将占用600x400像素，除非你另外说明（例如通过应用程序中的@ 2x资产或网站中的min-device-pixel-ratio指令） ）。

回到你问题的核心：屏幕尺寸和像素尺寸之间没有固定的关系，但在实践中并不重要 - 除非你想做一些事情，比如在“实际尺寸”上显示火柴盒车一个网页，在这种情况下，有第三方服务已经有数百个监视器及其DPI的数据库。

希望有所帮助。