为什么我的网站宽度小于我的屏幕分辨率?

首先检查你的变焦是100%。

设备像素比

设备像素比是物理像素与 逻辑像素。例如,iPhone4和iPhone4S报告 设备像素比为2,因为物理线性分辨率为 使逻辑线性分辨率加倍。 what exactly is device pixel ratio?

您可以使用以下方法获得此比率: window.devicePixelRatio .

如果此比率大于1,则可用的屏幕大小将小于逻辑大小。 这意味着您可以有一个逻辑分辨率 1920 x 1080 而您的硬件分辨率是 1536 x 864

例子

首先让我们使用 window.screen

现在,假设:

1. window.devicePixelRatio == 1.25
2. window.screen.availWidth == 1536

逻辑宽度为:

window.devicePixelRatio * window.screen.availWidth == 1920