当设备宽度小于＆＃34; 375＆＃34时，为什么有些设备没有收听我的媒体查询？这是我最小的断点。我使用@media（min-width：375px）{//这里的规则} ...我明白了它＆＃34;需要＆＃34;设备必须至少是＃34; 375px＆＃34;很宽，但我无法弄清楚这里有什么问题。当我将375断点更改为0px时，它可以工作......但这是否是正确的方法？
在我的＆＃34; media.scss＆＃34;文件，我把它们都设置成这样：
@media (min-width: 375px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1280px) {}
一切正常，但在小于375像素的设备上进行测试时，它并不考虑规则。我希望你明白我的意思。我看过bootstrap是如何进行媒体查询的，我无法确定是否存在任何差异。
答案 0 :(得分：1)
无论您使用的是移动优先还是桌面优先方法，都需要在媒体查询的 none 应用时应用某些样式。在您的示例中， no 样式适用于375px以下的宽度。如果您只是从第一个查询（＆lt; 375）中获取CSS规则，并将其放在样式表的最开头，那么很可能会没用。
或者说不同：只需删除开头的@media (min-width: 375px) {及其结束}括号，然后这些样式将适用于低于768px的所有宽度（也适用于那些窄于375px的宽度）
答案 1 :(得分：0)
创建一个max-width：374px的媒体查询，并将你的css插入其中。