媒体查询中CSS类名的语义丢失

我想知道是否有针对以下问题的最佳实践或解决方案：

我正在使用CSS框架语义UI，它有一些类，就像Bootstrap一样，用来定义列宽，比如：“一个宽列”、“两个宽列”、“三个宽列”，等等。但随着屏幕尺寸变小，有时我希望这些列的宽度改变，如果我不改变类和大小，这些类就失去了意义

---

我知道我可以使用JavaScript和检测屏幕大小来切换类，但是有没有其他更好的方法来保持意义，同时改变大小？我应该完全避免这样的课程吗

这是语义用户界面最大的讽刺。因此，显而易见的选择是不使用语义UI。我之所以完全避免使用框架的原因之一，是因为它们的命名约定。我最终用CSS编写了我自己的专栏代码，因为这并不难做，也很容易管理。是的，我最终决定将语义作为基础，然后在默认主题中用我自己的措辞和规则对其进行修改。这是语义UI最大的讽刺。因此，显而易见的选择是不使用语义UI。我之所以完全避免使用框架的原因之一，是因为它们的命名约定。我最终用CSS编写了我自己的专栏代码，因为这并不难做，也很容易管理。是的，我最终决定采用语义，将其作为基础，然后在默认主题中使用我自己的措辞和规则对其进行修改。