Css 如何删除类或仅激活特定视图端口的类

不确定这是否需要Javascript，或者是否有一种方法可以单独使用CSS来实现

基本上，我想有一个只为中小型浏览者活跃的类。 例如：

.big{字体大小：2em；}
.normal{字体大小：1em；}
这个文本在正常大小的屏幕上是巨大的

我希望能够将移动/中等视图中的类“.big”切换到“.normal”，甚至在该视图端口大小下禁用该类

---

这可能吗？即使有任何解决办法？

您也可以执行以下操作

将大类和普通类都添加到div中，但保持类的层次结构如下

先正常后大

现在，您可以在特定视口中使用重要值设置法线的字体大小

.大{
字号：2em；
}
.正常{
字号：1em；
}
@介质（最大宽度：767px）{
.正常{
字体大小：1em！重要；
}
这个文本在正常大小的屏幕上是巨大的

您可以在同一类上使用媒体查询

以下是一个例子：

.big{
        background-color: red;
    }
@media screen and (max-width: 300px) {
    .big{
        background-color: lightblue;
    }
}

---

查看有关

的教程，您可以通过媒体查询来实现这一点：
此代码在所有设备上都能与我完美配合：

@media only screen 
  and (max-width: 320px){

 .big {font-size: 2em;}
   .normal {font-size: 1em;}
}

查看此了解更多详细信息

@media only screen 
  and (max-width: 320px){

 .big {font-size: 2em;}
   .normal {font-size: 1em;}
}