CSS媒体查询@media and screen指令在部分（360、奇安信等）浏览器不生效的解决方案

一、介绍出现问题的写法

@media screen and (width < 1024px) {
    .__flex_other {
      display: none;
    }
  }

可以看到，乍一看没什么问题，而且在chrome、edge等浏览器也生效，但是在360浏览器等其它浏览器进行测试时，发现这段代码的指令没有被执行。

二、解决问题的写法

@media screen and (max-width: 1024px) { // 仅此行进行了改动
    .__flex_other {
      display: none;
    }
  }

就是如此简单，在chrome或其它主流浏览器中，已经适应了会出现问题的写法，但是还有很多浏览器没有适配' (width < 1024px) '这种写法，所以要换成更具有适配性的方法。这也是浏览器适配中出现的一个小bug

帮到你可以点个赞哈哈