css - 文本对齐的媒体查询 : center

Question

我在媒体查询方面遇到了一些问题。我正在尝试仅将移动设备的文本居中。我已经将以下内容添加到我的 CSS 中，但它似乎并没有起到作用。任何帮助将非常感激。谢谢!

@media only screen and (max-width:500px){.category-compare {text-align:center;}}

Answer 1

确保您的嵌套是正确的。媒体查询非常迂腐。

检查您的代码是否有关于 .category-compare 的先前 text-align 规则，并检查它是如何嵌套的，即:.main-content .left-侧.category-compare。如果它是这样嵌套的，您将需要为您的媒体查询做同样的嵌套。