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

时间:2018-04-11 13:30:07

标签: html css mobile responsive-design blogger

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

将其更改为:

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