【问题标题】:Blogger page like contact us Display Content on Half of the PageBlogger 页面喜欢联系我们在页面的一半上显示内容
【发布时间】:2026-02-15 14:00:01
【问题描述】:

此页面https://affliates2.blogspot.com/p/blog-page.html 是我的联系我们页面,仅在移动设备页面的右半部分显示内容,但在桌面设备上正常显示。

它仅在页面的一半中显示其内容,而在所有屏幕尺寸上将另一半留空。我已经调整了我的 HTML 源代码,但不知道是什么原因造成的。

我使用的是响应式模板,我很困惑为什么会出现这个错误。

请帮帮我

【问题讨论】:

    标签: html


    【解决方案1】:

    因为您有适用于视口宽度

    @media screen and (max-width: 480px) {
      .post {
         width: 41%
       }
    }
    @media screen and (max-width: 568px) {
      .post {
         width: 28.5%
       }
    }
    @media screen and (max-width: 760px) {
      .post {
         width: 29%
       }
    }
    

    只需删除这个 css 选择器,页面就会看起来很好

    【讨论】:

    • 能否请你用 html 代码告诉我我应该删除哪一部分,因为我不是专家
    • 我联系我们的问题已解决,但手机主页上的缩略图变小了,这是在我删除了你之前给我的 CSS 代码后发生的,请帮我解决这个问题