CSS：媒体查询延迟

我的网站有一个bug，我怀疑媒体查询有问题。 应用的某些样式如下所示：

.main {
      border:1px solid black;
}

@media screen and (max-width: 350px) {
   .main {
      border:1px solid red;
   }
}

（当然，这些只是我的风格更复杂的例子。）

当我直接打开宽度低于350px的网页时，我可以在媒体查询应用之前的1s内看到原始CSS规则（

边框：1px纯黑；

）（

边框：1px纯红；

）。在旧设备上更明显（CPU性能？）

但是，当我将浏览器的宽度更改为350px以下时，媒体查询将顺利应用

---

问题：我如何修复它？

您是否尝试同时使用媒体查询最小宽度和最大宽度

.main {
      border:1px solid red;
}

@media screen and (min-width: 350px) {
   .main {
      border:1px solid black;
   }
}

请检查以下内容

@media screen and (max-width: 350px) and (min-width: 0px) 
{
  Your Styles
}

---

可能是网络问题或性能问题。请准备JSFIDLE或codepen之类的演示。所以我们可以体验同样的体验。@Sagar我不确定互联网问题：css不是按块加载的。对我来说，这是更多的CPU，但不确定…在iPhone上有相同的问题只有在iPhone上有相同的问题：-/