Html 要在媒体查询中完全删除。我怎样才能做到？

将在媒体查询中完全删除。我怎样才能做到

我有以下CSS：

    #container {
        width: 50%;
    }

}

---

通过媒体查询，当设备具有一定宽度时，您可以覆盖CSS

因此：

但是你不能删除CSS规则，事实上每个元素都有默认设置的所有CSS值，并且由浏览器设置，你只需覆盖其中的一部分，如果你选择一个元素并进入开发者工具的“计算”选项卡，你就可以看到所有CSS属性

这些是浏览器使用的CSS文件（称为用户代理样式表）：

• 火狐（壁虎）：
• Chrome/Safari（网络工具包）：
  • 铬（闪烁）：
• Internet Explorer（Trident），旧版本：

但是您可以使用

value:initial将CSS值重置为默认值so<代码>宽度：初始值

但是如果您知道CSS默认值（which是可见的），您可以指定它（在本例中

width:auto；

）

---

阅读本文了解有关媒体查询的更多信息：

宽度属性的初始值为“自动”，这意味着如果将宽度设置为“自动”，就好像不存在其他宽度规则一样

#container {
    width: 50%;
}

@media screen and (max-width: 600px) {
    #container {
        width: auto;
    }
}

另外，由于最好先编写移动css，我将完全删除#容器选择器并添加以下媒体查询

@media screen and (min-width: 601px) {
    #container {
        width: 50%;
    }
}

可以使用初始值。更多信息请点击此处：

---

我对您的问题的理解是，您希望通过媒体查询完全删除容器的宽度，对吗？如果是这样，只需将“0”添加到该ID中，以获得您的宽度。如果您愿意，您可以将“0px”或“0%”放进去，但实际上并不需要这样做。如果这不起作用，请尝试添加“！重要信息请参见下面的媒体查询

#container {
        width: 50%;
    }

@media screen and (max-width: 600px) {
    #container {
        width: 0;
    }
}

或

---

，basso99我知道你可以覆盖它，但有没有办法让它看起来好像从未存在过？就像删除它一样。这就是width auto的基本功能。

 #container {
    width: 50%;
}

@media screen and (max-width: 600px) {
    #container {
        width: initial;
    }
}

#container {
        width: 50%;
    }

@media screen and (max-width: 600px) {
    #container {
        width: 0;
    }
}

#container {
        width: 50%;
    }

@media screen and (max-width: 600px) {
    #container {
        width: 0 !important;
    }
}