css - WordPress 博客响应

Question

我们的 company website使用 WordPress + Forest 构建主题。

要获得全宽博客，我们必须从相关模板中删除边栏并添加以下自定义 CSS:

blog .site-content, .single .site-content  { width: 70%; max-width: 70%; margin: auto; }

这在桌面和大多数其他设备和屏幕尺寸上运行良好。

但是，由于两边的边距太大，在智能手机上显示效果不是很好。

因此，我们尝试实现以下自定义 CSS 来解决这个问题，但它似乎并没有改变智能手机上的显示:

@media (min-width: 992px) .blog .site-content, .single .site-content  { width: 90%; max-width: 90%; margin: auto; }

知道这里出了什么问题以及如何解决吗？

谢谢。

Answer 1

如果你想在较小的显示器上使用较小的边距，那应该是

@media (max-width: 992px) {
   .blog .site-content, .single .site-content { 
        width: 90%; max-width: 90%; margin: auto; 
   }
}