时间戳

首页 > 解决方案 > Blogger 博客存档显示在移动屏幕上的一半页面上

html - Blogger 博客存档显示在移动屏幕上的一半页面上

问题描述

这个 Blogger 博客存档搜索结果（如https://www.neuroscientia.com/2018/08/）仅在页面的一半中显示帖子，而另一半则留空，尤其是在移动屏幕尺寸上。我已经调整了我的 HTML 源代码，但不知道是什么原因造成的。

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

我尝试过的类似线程： Blogger Static Pages Display Content on Half of the Page

该博客托管在 Blogger 上。请，我需要你的帮助，以全屏显示所有设备的博客存档搜索结果列表。

标签： htmlcssresponsive-designblogger

解决方案

在代码中有这个命令：

@media only screen and (max-width: 755px)
   .sidebar-wrapper1 {
      display: none;
}

关闭它，右侧栏不会消失！

或者，如果您的意思是要将剩余的列设为 100% 宽度，

    .blog-posts-wrapper

被设定为 

        width: 48%;

所以您需要将其更改为 100%。

编辑：

    @media only screen and (max-width: 755px) {
         .blog-posts-wrapper  {
             width:100%;
         }
    }

如果它仍然不起作用，请添加更改宽度：100%！重要；

推荐阅读