手機上的水平滾動問題

Question

在手機上（或將瀏覽器滾動到320像素）我得到一個水平滾動，這似乎與移動導航有關，因爲它在導航摺疊時消失。有誰知道這個問題可能是什麼？

活鏈接到我的投資組合，其中的問題所在here

Answer 1

正如你所說的，它關係到您的導航。

你有CSS指定的寬度爲100％（然後你偏移，導致溢出）。

如果您更新媒體查詢，具體這一行：

@media only screen and (max-width: 767px) 
    .nav-collapse, .nav-collapse ul { 
     width: 100%; 
    } 
} 

從100%說90%（只是一個神奇的數字，這爲我工作 - 你可能會想添加一個新的規則，目標移動設備），然後測試，你會看到它刪除移動設備上的overflow。

Answer 2

使用1.000em而不是320pxl的值