我的 html,body, wrapper 寬度是 100%。當我使用回應模式進行測驗時，Inside wrapper 每個元素都非常適合且回應迅速。但主體和包裝的寬度不一樣。在右側有 40px 的額外空間創建。我通過賦予邊框顏色檢查了每個塊、元素布局。所有塊都適合包裝器，但 html 和正文不適合相同寬度的包裝器。我試圖用 overflow-x: hidden 來防止這種情況，但沒有任何改變。
html,body{
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Varela Round",Sans-serif;
font-size:1.125rem;
height: auto;
overflow-x:hidden;
}
.wrapper{
width:100%;
max-width:1348px;
overflow-x:hidden;
}
uj5u.com熱心網友回復：
您必須在正文中使用視口高度
body{
height: 100vh;
width: 100vw;
}
在你的包裝中：
.wrapper{
width:100%;
max-width:1348px;
overflow-x:hidden;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/428646.html
上一篇：Javascript切換按鈕：將動作序列從顯示/隱藏更改為隱藏/顯示
下一篇：更改下拉串列后更改頁面HTML