我听说iPhone 6/7的浏览器宽度为375px。
然而，我正在写一个简单的@media查询，像这样:
@media only screen and (max-width : 375px) {
....
}
我发现这是不工作，直到我增加max-width正好980px。为什么呢?
我怎么能做一个@media查询，把手机当作它有375px?我不在乎屏幕分辨率有多密集，它是一个小手机，我想应用一个虚假的网页设计，而不是破坏像平板电脑或小型笔记本电脑这样的设备的设计，分辨率约为1000px。
理想情况下，它应该与col-xs-X bootstrap的样式。
肯定有另一个媒体查询或默认样式覆盖它。
你的媒体查询是正确的，但一定要确保你的媒体查询是在你的style.css文件的最后(或不管名字是什么)