我试图弄清楚为什么我无法让这个网格模板扩展和/或什至使视口居中。它工作正常并且在桌面视图中符合预期......有任何想法吗？如果您需要更多代码片段，请告诉我。.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条经验 获得超3个赞
我想你想删除中间的那些空格？如果是这样，请更改
grid-gap: 16px;
到
grid-gap: 0;
或者如果您不使用它，最好将其完全删除。还要将其居中，您需要
html, body{
overflow: hidden;
}
幕布斯6054654
TA贡献1876条经验 获得超7个赞
我不知道你想要什么，但从描述中我了解到你的正文内容不适应移动屏幕。请删除以下 div 类
<div class="grid-container-columns grid-container-two-rows">
并仅放置grid-container类以及为什么您想要引导容器请框架您的问题，以便人们可以理解您期望添加额外的描述和代码。
- 2 回答
- 0 关注
- 45 浏览
添加回答
举报
0/150
提交
取消