问题是您在媒体查询中指向的是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;
}
}
那就行了。并且在下一次,请发布一个您的代码的可复制示例,以便所有的人对问题有更好的理解。谢谢