html - Blogger 静态页面在页面的一半显示内容

Question

本页https://www.neuroscientia.com/p/iq.html只显示页面一半的内容。它是一个静态页面，与其他静态页面(如关于我们、联系我们等)一样，所有这些页面都只在页面的一半显示它们的内容，而在所有屏幕尺寸上将另一半留空。我调整了我的 HTML 源代码，但无法了解导致此问题的原因。

我正在使用响应式模板，已经设置了媒体屏幕和视点。所以我很困惑为什么会发生这个错误。

该博客托管在 Blogger 上。请帮助我在所有设备上全屏显示内容。

Answer 1

你有一个停止内容宽度的类:

.blog-posts-wrapper {
  float: left;
  width: 48%;
  margin-right: 1.5%;
}

将其更改为:

.blog-posts-wrapper {
  float: left;
  width: 100%;
  margin-right: 1.5%;
}