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

Question

我有一个元素的样式:

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

我想完全禁用“宽度”或将其更改为:

@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%;
    }
}