使用minmax(10px, 1fr)代替1fr避免踩坑
grid布局的常见写法如下.grid { display: grid; grid-template-columns: repeat(3, 1fr);}这样写存在一些问题:grid column的最小宽度是它的min-content,使用<pre>,<image> 可能会溢出1fr的大小。推荐写法如下.grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr));}给
原创
2021-01-27 11:16:15 ·
1953 阅读 ·
0 评论