断点如何在现代高分辨率设备上工作？

例如，我的Galaxy S7 Edge的分辨率为1440 x 2560像素。

移动设备的常见断点似乎约为768像素，如bootstrap。从bootstrap.css

例子：

@media (min-width: 768px) { 
    .container { 
    width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
    width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .container { 
    width: 1170px; 
    } 
}

它怎么说，我的手机显示“有求必应”版本的网站，即使它的分辨率可以说是比大多数台式机显示器更大？从这个例子看来，我的手机总是以“桌面”模式显示网站。

来源

2016-07-29 SnakeDoc

从文章A pixel is not a pixel is not a pixel ...

我知道什么是Web开发人员很感兴趣，但是。他们需要 CSS像素。也就是说，在CSS声明（如width: 300px或font-size: 14px）中使用的“像素”。

这些像素与设备的实际像素密度无关。它们本质上是一个为我们的Web开发人员创建的抽象构造，特别为创建。

当我们考虑缩放时，最容易解释。如果用户放大，则具有width: 300px的元素占用越来越多的屏幕，因此当在设备（物理）像素中测量时变得越来越宽。然而，在CSS像素中，宽度保持为300px，，并且通过扩展CSS像素创建缩放效果，因为需要。

参见：

来源

2016-07-29 18:36:45

断点如何在现代高分辨率设备上工作？

回答

相关问题