提问者:小点点

我使用的监视器大小的@媒体规则(max-width:1920px)和我的CSS不起作用


属性无法在监视器大小@介质上读取(最大宽度:1920px)

但当它变得更小的尺寸时,它就起作用了


共1个答案

匿名用户

问题是您在媒体查询中指向的是max-width属性的两倍。为了在这个意义上正确,您需要在实际需要的介质查询之间设置目标。你在上传的截图中暗示的是,你首先设置了一个最大宽度:1280px,然后在上面再加一个最大宽度:1920px。这就是它行不通的原因。它已经采用了第一个限制,即1280px。

你需要做的是:

@media (min-width: 1280px) and (max-width: 1920px) {
   #four.container.xl-four{
     border: 1px solid red;
    }
   .xl-four{
      width: 100%;
      margin-right: 0px;
      margin-left: 55px;
      padding: 95px 0 75px 0;
    }
}

那就行了。并且在下一次,请发布一个您的代码的可复制示例,以便所有的人对问题有更好的理解。谢谢