Blogger 页面喜欢联系我们在页面的一半上显示内容

Question

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

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

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

请帮帮我

Answer 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 选择器，页面就会看起来很好