有没有办法使用媒体查询更改语义UI中网格容器的类，或者解决方案是否在于编写自己的Javascript来向HTML添加或删除类？
我意识到我没有正确表达这个问题，所以我将更新它以反映这一点。这正是关于语义UI的媒体查询与JavaScript。
我的问题是这样的：假设我有一个可堆叠的网格容器，其中有两列，具有 .four.wide.column 和 .twelve.wide.column。默认情况下，当浏览器的窗口大小为 1000px 时，列内的文本将左对齐。但是，当窗口大小调整为 767 像素的较小移动尺寸时，我想将列内的文本居中对齐。
起初，我想在媒体查询中重新对齐列内的文本，但是我突然想到这会破坏语义UI的目的，因为使用此解决方案，类名的外观或行为不会像描述的那样。通常左对齐的列现在居中对齐，但该类不称为居中对齐。如果类居中对齐，现在左对齐但名称相同，会发生什么情况？
然后我想知道是否可以使用媒体查询添加和删除类，但这似乎是不可能的。我发现保留语义UI的一个解决方案是使用JavaScript添加和删除类，但我想避免使用JavaScript作为解决方案。
这取决于您要触发文本对齐更改的确切内容。如果您希望在特定视口宽度下更改对齐方式，我建议您使用 css@media查询而不是调整大小侦听器。对于窗口大小调整，您还需要取消反弹或限制调整大小事件以提高性能。根据你如何做到这一点，你可能会遇到意外对齐的瞬间闪光。您不必使用媒体查询执行此操作，更改将是即时的。
.ui.grid .column {
text-align: left;
}
@media only screen and (max-width: 600px) {
.ui.grid .column {
text-align: right;
}
}