Question

我将这种造型设为elenemt：

.width {
    width: 1024px !important;
    margin: 0 auto;
}

我想禁用＆＃34;宽度＆＃34;完全 OR 将其更改为：

@media (max-width: 1280px){
    .width {
        min-width: 100% !important;
    }

当我像这样运行它时，虽然我切换屏幕分辨率，它仍然使用全局样式。

我更喜欢禁用它。

感谢。

Answer 1

要禁用宽度，请执行

@media (max-width: 1280px){
    .width {
        width: auto !important;
    }
}

我建议从两个地方删除!important

.width {
    width: 1024px;
    margin: 0 auto;
}

@media (max-width: 1280px){
    .width {
        width: auto;
    }
}

在您的原始代码中，缺少}不确定是否是拼写错误

如果你想要min-width，那么假设您删除了!important。但您可以设置width: 100%，而无需min-width

@media (max-width: 1280px){
    .width {
        width: auto;
        min-width: 100%;
    }
}

Answer 2

在浏览器中查看此内容并调整窗口大小以查看更改...希望这有助于您!!!

HTML

<div class="width">test</div>

CSS

.width{
  width:100%;
  border:1px solid red;
  margin:0 auto;
 }
@media only screen and (min-width:1024px){
 .width{
  width:1024px;
  border:1px solid blue;
}
}

更改屏幕分辨率时如何覆盖特定样式

2 个答案: