文本與手機上的引導程序3重疊

Question

如果您在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％。這將允許身體溢出，而不是卡住窗口的最大高度。