css - CSS 样式的 iPhone 6/7 屏幕宽度实际上是多少？

Question

我读到 iPhone 6/7(S 或非 S)的浏览器宽度为 375px。

但是，我正在编写一个简单的@media 查询，如下所示:

@media only screen and (max-width : 375px) {
    ....
}

我发现在我将最大宽度增加到正好 980 像素之前它不起作用。 这是为什么？

如何进行@media 查询，将手机视为 375 像素？我不在乎屏幕分辨率有多高，它是一部小手机，我想应用一个虚假的网页设计，而不会破坏分辨率约为 1000 像素的平板电脑或小型笔记本电脑等设备的设计。

理想情况下，它应该与 col-xs-X Bootstrap 的样式一起使用。

Answer 1

肯定有另一个媒体查询或默认样式覆盖它。

您的媒体查询是正确的，但请始终确保您的媒体查询位于 style.css 文件(或任何名称)的末尾。