html - 为什么我的网页不适合屏幕？

Question

我的页面在 body 元素上的宽度为 1920px。我的 15"Macbook Pro 应该有 2880x1800 的分辨率。为什么我需要缩小才能看到整个页面？

Answer 1

许多现代屏幕的像素密度都非常高。如果您使用 native 像素分辨率在这些设备上查看适合更传统屏幕的内容，您最终会看到对大多数人来说太小而无法阅读的针尖文本。

默认情况下，Macbook Retina 显示器会缩放，因此软件会将它们视为具有 1440x900 的分辨率。这意味着 10 像素高的文本(例如)使用 20 个物理像素并且仍然足够大以供阅读，但比在 1440x900 物理像素的屏幕上更清晰。