CSS minmax：[Day19] grid
[Day19] grid
![[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://stock88888.com/images/noimagethumb.png)
另一個較為彈性的語法minmax()，直接定義最小值和最大值，如果不小心把較大的數值寫在前面，就會取其後面為最小的值做為固定長度。.containergrid-template-columns: ...。其他文章還包含有：「CSSGrid筆記13」、「CSSminmax()函数」、「CSSminmax()函数简介」、「CSS網格」、「minmax()-CSS」、「minmax()」、「使用CSSGrid的minmax()，簡單限制區塊的大小」、「深入了解css网格布局之minmax()」
查看更多 離開網站雖然說網格線會隨著網格項目自動生成，但既然要使用網格系統，就要了解怎麼操控網格線，才能劃出各種多變的網格區域，然而畫網格線有很多種做法，且每種做法的語法也不同，怎麼利用grid-template(網格樣板)使用得當是一個難題。（本篇筆記較長約7000字，慎閱）.container{grid-template:none|[/]|[???]+[/]?;}預設：none詳細使用方法種類見：1.MDN2.W3C[1][2].container{grid-template-rows:none||;grid-template-columns:同上;grid-template:/grid:/}預設：none英文小幫手：grid-template網格樣板track-list軌道列表由於樣板中的軌道...
CSS Grid 筆記13
https://shunnien.github.io
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.
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 ) 的最大值。
使用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、 ...