html - 想澄清一下屏幕分辨率和屏幕尺寸

Question

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

Answer 1

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

有两个主要因素在起作用:

1. 像素密度:典型桌面屏幕的像素密度约为 96dpi(每英寸点数)，而笔记本电脑的像素密度可能约为 116dpi。 大多数屏幕以 1 的像素比显示图像(即图像中的一个像素 = 屏幕上的一个像素)，因此 640x480 像素的图像在典型笔记本电脑上查看时可能比在普通笔记本电脑上查看的图像小 20% 左右在桌面上，因为像素靠得更近。
2. 宽高比:不同的屏幕有不同的宽高比。 iPad 的屏幕比例为 4:3(1980 年代的电视形状)，而现代台式机或笔记本电脑的屏幕比例为 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 Assets 或网站中的最小设备像素比指令).

回到问题的核心:屏幕尺寸和像素尺寸之间没有固定关系，但实际上这并不重要——除非你想做一些事情，比如在一个网页，在这种情况下，可以使用第三方服务，这些服务已经拥有数百个监视器及其 DPI 的数据库。

希望对您有所帮助。