Html 设备像素和屏幕宽度

屏幕上显示的

screen.width

包含以设备像素为单位测量的尺寸，这些像素永远不会改变，因为它们是显示器的功能

如果我是对的，“设备像素”只是在手册中指定为“屏幕分辨率”的物理像素

如果是这样（问题1），为什么在更改Windows中的“屏幕分辨率”时会得到不同的值？如果我的显示器被指定为1920x1080，它不应该总是1920吗

---

screen.width

是设置分辨率下设备屏幕的宽度。您的显示器被指定为1920x1080，因为这是它的物理像素数（2073600），因此它可以显示的最大分辨率

---

但是，您仍然可以降低分辨率，使每个物理像素显示多个“CSS像素”。这就是在windows中更改屏幕分辨率时发生的情况。将其视为“缩放”。

屏幕。width

是设备屏幕在设置分辨率下的宽度。您的显示器被指定为1920x1080，因为这是它的物理像素数（2073600），因此它可以显示的最大分辨率

---

但是，您仍然可以降低分辨率，使每个物理像素显示多个“CSS像素”。这就是在windows中更改屏幕分辨率时发生的情况。把它想象成“缩放”。

根据您引用的文档，#1的答案是“否”。我想，关键是，浏览器只知道操作系统设置的屏幕分辨率，而不知道显示器的实际分辨率。

根据您引用的文档，“1”的答案是“否”。我想，关键是，浏览器只知道操作系统设置的屏幕分辨率，不知道显示器的实际分辨率。

“每个物理像素显示多个“CSS像素”-不应该是“一个CSS像素由多个物理像素组成”？@Mulligan81，我相信这两句话基本上是一样的。“要得到一个完整的CSS像素，你需要X个物理像素”或“有X个物理像素，你可以得到一个完整的CSS像素”。“每个物理像素显示多个“CSS像素”-不应该是“一个CSS像素由多个物理像素组成”？@Mulligan81，我相信这两句话本质上是一样的。“要获得一个完整的CSS像素，您需要X个物理像素”或“使用X个物理像素，您可以获得一个完整的CSS像素”。