CSS minmax：CSS Grid 筆記13
CSS Grid 筆記13
CSS minmax() 函数
http://www.runoob.com
作为最大值，等同于max-content。作为最小值，它代表占据网格轨道的网格项目的最小尺寸的最大值（如同min-width/min-height所指定的)）。
CSS minmax()函数简介
https://www.zhangxinxu.com
介绍CSS Grid布局中非常实用的minmax()函数，包括语法，参数，细节和案例等，repeat()函数，auto-fill和auto-fit等也会登场。
CSS 網格
https://forum.freecodecamp.org
CSS repeat() 函数表示轨道列表的重复片段，允许以更紧凑的形式写入大量显示重复模式的列或行。
minmax() - CSS
https://developer.mozilla.org
The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.
minmax()
https://developer.mozilla.org
作为最大值时，等价于 max-content 。作为最小值时，它表示轨道中单元格最小长宽(由 min-width / min-height ) 的最大值。
![[Day19] grid](https://i0.wp.com/api.multiavatar.com/%5BDay19%5D+grid-template+%E5%B1%AC%E6%80%A7%E4%B9%8Browscolumns+-+iT+%E9%82%A6%E5%B9%AB%E5%BF%99.png?apikey=viVnb6N20jclO8){kind=avatar}
[Day19] grid
https://ithelp.ithome.com.tw
另一個較為彈性的語法 minmax() ，直接定義最小值和最大值，如果不小心把較大的數值寫在前面，就會取其後面為最小的值做為固定長度。 .container grid-template-columns: ...
使用CSS Grid 的minmax()，簡單限制區塊的大小
https://tools.wingzero.tw
在使用CSS Grid 排版時，可以透過其minmax() 來設定區塊的最大與最小值，以下以範例來說明之。
深入了解css网格布局之minmax()
https://juejin.cn
语法. minmax（min，max）函数包含两个参数，最小值和最大值. 每个参数分别是 <length>、<percentage>、<flex>的一种，或者是max-content、min-content、 ...