css - 在 css 中禁用@media

<分区>

我有一组 CSS 类，在其中一个类中，我们跟踪大小窗口的最大宽度，如果小于 100 则更改样式。

@media all and (max-width: 100px) { 
   some code...
}

所以我需要防止在窗口宽度小于 100 时更改样式。换句话说，我如何重载当前 @media 并禁用它，只能通过 CSS 方式(不是 javascript，jQuery) ？

最佳答案

你可以在正文中添加一个类(例如.no-media)并为这个类添加样式:

@media all and (max-width: 100) {
  .no-media p {
    color: red;
  }
}

您还可以使用 !important 来强制执行一些 CSS 规则:

p {
  color: red !important;
}

关于css - 在 css 中禁用@media，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44445960/

相关文章：

javascript - CSS 技能栏响应式