使用媒体查询时，您可以设置 min-width 属性并进行相应的设计，但我正在使用我的台式机和手机进行测试。我的手机分辨率为 1080p，与我的桌面显示器相同，但设计在两个屏幕上的响应不同。它应该表现得一样，不是吗？我错过了什么？如果我只使用像素，为什么它们的行为会有所不同？
问问题
380 次
2 回答
1
所以事实证明CSS 像素与硬件像素不同。
CSS规范说：
如果输出设备的像素密度与典型计算机显示器的像素密度大不相同，则用户代理应重新调整像素值。建议像素单位是指最接近参考像素的设备像素的整数。建议参考像素为像素密度为96dpi、距离阅读器一臂远的设备上一个像素的视角。
这是一个很好的阅读： http ://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
于 2013-09-13T01:36:44.483 回答
0
刚被这个坑了。以下代码行
<meta name="viewport" content="width=device-width, initial-scale=1.0">
在<head>标签中为我完美地解决了它。
于 2018-10-10T13:31:25.330 回答