我試圖弄清楚為什么我無法讓這個網(wǎng)格模板擴展和/或什至使視口居中。它工作正常并且在桌面視圖中符合預期......有任何想法嗎？如果您需要更多代碼片段，請告訴我。.grid-container-columns {height: 100%;display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 16px;align-content: stretch;}header#home-section h1 {grid-column: 3/span 8;justify-self: center;align-self: center;text-align: center;padding-top: 10rem;z-index: 1;}容器 div 僅提供最大寬度 1100px，邊距 0 auto。謝謝你的幫助！
2 回答
慕容3067478
TA貢獻1773條經(jīng)驗 獲得超3個贊
我想你想刪除中間的那些空格？如果是這樣，請更改
grid-gap: 16px;
到
grid-gap: 0;
或者如果您不使用它，最好將其完全刪除。還要將其居中，您需要
html, body{
overflow: hidden;
}
幕布斯6054654
TA貢獻1876條經(jīng)驗 獲得超7個贊
我不知道你想要什么，但從描述中我了解到你的正文內(nèi)容不適應移動屏幕。請刪除以下 div 類
<div class="grid-container-columns grid-container-two-rows">
并僅放置grid-container類以及為什么您想要引導容器請框架您的問題，以便人們可以理解您期望添加額外的描述和代碼。
- 2 回答
- 0 關注
- 126 瀏覽
添加回答
舉報
0/150
提交
取消