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

This page https://www.neuroscientia.com/p/iq.html only displays content in half of the page. It is a static page like other static pages such as ABOUT US, CONTACT US etc and all these pages do display their content in only half of the page while leaving the other half blank on all screen sizes. I have tweaked my HTML source code and couldn't get what's causing this.

此页面https://www.neuroscientia.com/p/iq.html仅在页面的一半显示内容。它是一个静态页面，如其他静态页面，如关于我们，联系我们等，所有这些页面只在页面的一半显示其内容，而在所有屏幕尺寸上留下另一半空白。我已经调整了我的HTML源代码，无法得到导致这种情况的原因。

I am using a responsive template, set Media screens, view point already. So I'm confused why this error should occur.

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

The blog is hosted on Blogger. Please I need your help on displaying the content on the full screen for all devices.

该博客托管在Blogger上。我需要您的帮助才能在所有设备的全屏显示内容。

1 个解决方案

#1

You have a class stoping the content width:

你有一个类停止内容宽度：

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

Change it to :

将其更改为：

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

#1