右邊有一條白線
首先，我嘗試設定
section{
width: 100%;
}
然后
@media (max-width:420px){
section{
width: 100%;
}
}
沒有幫助。完整代碼鏈接：https : //codepen.io/andrzej-hnatiuk/pen/xxXWYjx 在 codepen 中，有些圖片無法打開，但在 VScode 中可以。
我該如何解決這個問題？
uj5u.com熱心網友回復：
您的導航 ( <section id=section) 太寬，這迫使頁面與螢屏一樣寬。下面的塊不會一起生長。
解決方案：讓您的導航在多行上中斷，或使用漢堡選單。這取決于您希望頁面的外觀。
uj5u.com熱心網友回復：
您的問題是您的部分帶有#section id。在特定的寬度尺寸下，它不會更小，因此內容會變小并在左側產生白色間隙。
您可以在媒體查詢中減小#section 部分的字體大小，或使用 wrap flex box 將您的部分 #section 包裹在特定寬度大小或其他內容（如左面板等）下。
uj5u.com熱心網友回復：
出現這個問題是因為內容溢位，只需添加這幾行代碼，一切都會好起來的。
*{
box-sizing: border-box;
margin: 0;
}
section,footer{
overflow: hidden;
white-space: wrap;
word-break: break-word;
}
這是一個新的筆Codepen
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/401879.html
下一篇：[:not]偽類有簡寫嗎？