反应如何？
反应如何？
提问于 2022-06-14 13:42:56
例如，为什么我们有400 or或600 or的断点？
这些断点正在验证设备的分辨率，但现在智能手机已经有了分辨率，如全高清(1920 X 1080 )或2k (2560×1440)。这就是我困惑的原因。如果现在大多数智能手机的断点都是1080 px-1440 of，我为什么要在400 px-600 of的智能手机上使用断点呢？
我有一个1080 x 2340像素的设备，但是我的网页看起来像500‘s宽
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-06-14 14:20:25
我们在断点中定义的像素引用设备的视口大小，而设备屏幕分辨率中定义的像素则指设备具有的物理像素数。视口大小的存在是为了补偿不同设备屏幕大小的差异。
这种测量单位有时被称为“独立于设备的像素”或“CSS像素”。
例如，笔记本电脑和智能手机，两者的屏幕分辨率都是1920x1080。如果两台设备的屏幕因为其屏幕分辨率相同而受到相同的对待，那么显示在这两台设备上的相同内容(比如1200x1200图像)在笔记本电脑上看起来会相当大，但在智能手机上看起来会非常小，因为即使它们具有相同的屏幕分辨率，它们的屏幕大小也是非常不同的。但是通过使用视口大小，可以根据设备的屏幕大小来缩放相同的内容。
您可以在响应式Web开发中视口、屏幕分辨率、DPR和PPI的区别中阅读有关此主题的更多信息。
希望这个信息能回答你的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72618050
复制相关文章
相似问题
腾讯云开发者
