移动设备上的文本与Bootstrap 3重叠

Question

如果您在Google Chrome的开发者选项中查看this website，特别是移动设备响应切换，它将覆盖我的投资组合部分。我尝试过一些来自互联网的潜在修复，比如改变CSS中的“显示”和“定位”。这些都没有。

作为附注，本地环境中不存在此问题，只有实时。

有什么建议吗？

P.S。这是一个投资组合网站。我不是要征求我的信息。它只是破碎而且在移动设备上看起来很糟糕。谢谢！

Answer 1

好吧，尝试从以下类中删除规则height: 100%;：

• .intro截面
• 。关于截面
• .portfolio截面

这解决了重叠的错误。您仍然可以添加媒体查询以减少所有部分的填充顶部。这样的事情：

@media all and (max-width: 580px) {
  .about-section, .portfolio-section {
      padding-top: 70px;
  }
}

希望这可以帮到你。

Answer 2

你可以移除身高100％。这将使身体溢出，而不是粘在窗户的最大高度上。