关于Grid的尺寸大小设置问题
Grid 长度相关设置: min-content max-content fr minmax
一.min-content max-content
hold the door
你好哇
zzz break zzzzzzzzzzz break b a aasda sda s
如果你内容超出了grid表格所设定的，建议你用max-content min-content。
设置了多个单元格的item(row or column) 将不会影响max-content min-content的布局,他只会遵守其他items所设置的，看下图。
没有设置grid-row 或者columns的item是会自动被排在设置了的item的后面的。（建议自己摸索下）
Link二.fr
fr是什么，是分配剩余空间的意思，fr可以是带小数的fr。
下图就是利用了fr来分割3个空间，这很好用，完全避免了你去计算width。
下图是Link
三.minmax()
当布局变小的时候，优先缩小fr,后缩小minmax。
这个我另外一遍文章有例子 Grid layout example