Blogger静态页面在页面的一半上显示内容 [英] Blogger Static Pages Display Content on Half of the Page

问题描述

此页面 https://www.neuroscientia.com/p/iq.html仅显示页面一半的内容.与其他静态页面(如关于我们，联系我们等)一样，它是一个静态页面，所有这些页面仅在页面的一半中显示其内容，而在所有屏幕尺寸上都将另一半保留为空白.我已经对HTML源代码进行了调整，无法知道是什么原因造成的.

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.

该博客托管在Blogger上.请在全屏显示所有设备上的内容时需要我的帮助.

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

推荐答案

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

You have a class stoping the content width:

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

将其更改为:

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

这篇关于Blogger静态页面在页面的一半上显示内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！