代碼疑問

来源：5-8 repeat()与minmax()

齊帥

2021-11-08

图片描述
老師請問一下為甚麼不能用這種自適應的方式呢?為什麼一定要用隱式網格的方式才會生效呢?

写回答

1回答

西门老舅

2021-11-08

已采纳

你好，

repeat(auto-fill, minmax(200px, 1fr)) ，表示在一个容器中自适应，前提条件是容器得有大小。.main容器没有宽高的情况下，宽度是跟浏览器宽相同，但是高并不是，高度是根据内容多少决定的，所以.main容器没有高度大小，这样你自适应没有意义。

你可以给.main加一个固定的高度，比如：height: 800px; 这样就能看到子项高度自适应的效果了。

西门老舅

齊帥

不客气的

2021-11-09

共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

回答 1

回答 1

回答 1

CSS問題

回答 1

回答 1