Html 为什么响应性网页设计在分辨率相同但ppi不同的屏幕上响应不同？

使用媒体查询时，您可以设置min width属性并进行相应的设计，但我正在使用我的桌面和手机进行测试。我的手机分辨率为1080p，与我的桌面显示器相同，但两个屏幕上的设计响应不同。它的行为应该是一样的，不是吗？我错过了什么？如果我只使用像素，为什么它们的行为会有所不同呢？

所以结果是CSS像素与硬件像素不同

CSS规范说明：

如果输出设备的像素密度与此非常不同 对于典型的计算机显示，用户代理应重新缩放像素 价值观建议像素单元是指整个像素单元 最接近参考像素的设备像素数。信息技术 建议参考像素的视角为1 像素密度为96dpi且距离 一臂之遥的读者

这是一本好书：

---

因此，CSS像素与硬件像素不同

CSS规范说明：

如果输出设备的像素密度与此非常不同 对于典型的计算机显示，用户代理应重新缩放像素 价值观建议像素单元是指整个像素单元 最接近参考像素的设备像素数。信息技术 建议参考像素的视角为1 像素密度为96dpi且距离 一臂之遥的读者

这是一本好书：

---

刚刚被这个刺痛了。下面的代码行

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

在

标签中，我完美地解决了这个问题。

刚刚被这个问题刺痛了。下面的代码行

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

在

中，标记为我完美地解决了这个问题。

您使用的是相同的视口元标记吗？我实际上没有使用任何标记：\n您应该尝试使用否，这绝对不是一个好主意…您使用的是相同的视口元标记吗？我实际上没有使用任何标记：\n您应该尝试使用否，这绝对不是一个好主意。。。