Blogger Static Pages Display Content on Half of the Page

问题

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.

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.

回答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%;
}

来源：https://stackoverflow.com/questions/49776469/blogger-static-pages-display-content-on-half-of-the-page