如何修复此网站上的自适应列？

Question

我试图找到一种方法来使用CSS来完成这项工作。我使用wordpress和主题，所以我无法真正改变大部分标记，所以我首先尝试用CSS解决这个问题。

我正在构建一个包含3列文章的网站。它在桌面上工作正常，但是当你开始调整大小时。它是这样的。

我想要的是＆＃39;来自Salon87 Brooklyn的第一篇文章＆＃39;应该紧挨着“第二篇文章”＃39;像这样。

这就是我希望它在桌面上的样子

这是代码。 http://www.salon87.nyc/news/

Answer 1

HTML的问题在于，块中添加了一个元素fix。您需要为移动设备隐藏它。尝试将991px更改为您的要求。

<强> CSS

@media (max-width: 991px) {
  .fix {
    display: none;
  }
}