【问题标题】:Blogger Static Pages Display Content on Half of the PageBlogger 静态页面在页面的一半上显示内容
【发布时间】:2018-09-21 10:06:40
【问题描述】:

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

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

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

【问题讨论】:

  • .blog-posts-wrapper { float: left; width: 48%; margin-right: 1.5%; } 你的包装器的宽度为 48%

标签: html css mobile responsive-design blogger


【解决方案1】:

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

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

改成:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-16
    • 1970-01-01
    • 2020-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多