敲过儿
前端
获得徽章 5
赞了这篇沸点
Grid 布局中 auto-fit 与 auto-fill 关键字的区别。
- 1fr 情况：auto-fill 会尽可能多的，在可用空间内分配更多 grid item 坑位；auto-fit 则尽可能拉伸当前的 grid item ，以便填充可用空间。
- 固宽情况：auto-fill 在空间充裕的情况下会分配额外的 grid item 坑位；auto-fit 则不会。
demo 地址：
codepen.io
- 1fr 情况：auto-fill 会尽可能多的，在可用空间内分配更多 grid item 坑位；auto-fit 则尽可能拉伸当前的 grid item ，以便填充可用空间。
- 固宽情况：auto-fill 在空间充裕的情况下会分配额外的 grid item 坑位；auto-fit 则不会。
demo 地址：
codepen.io
展开
评论
17
关注了标签 
HTTP
HTTP
关注了标签 
HTML
HTML
关注了标签 
面试
面试
关注了标签 
代码规范
代码规范
关注了标签 
GitHub
GitHub
关注了标签 
React.js
React.js
关注了标签 
Webpack
Webpack
关注了标签 
Vue.js
Vue.js
关注了标签 
Node.js
Node.js
关注了标签 
CSS
CSS
关注了标签 
JavaScript
JavaScript
关注了标签 
前端
前端