Question

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

Answer 1

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

CSS规范说：

如果输出设备的像素密度与此非常不同在典型的计算机显示器中，用户代理应该重新缩放像素值。建议像素单元参考整体最接近参考像素的器件像素数。它建议参考像素为一个视角设备上的像素，像素密度为96dpi，距离为读者的手臂长度。

Answer 2

只是被这个ung住了。下面的代码行

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

<head>标签中的

非常适合我。