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

Blogger Static Pages Display Content on Half of the Page

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

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

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

你有一个class停止内容宽度:

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

将其更改为:

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