CSS min() 函數

定義和用法

CSS 的 min() 函數會從逗號分隔的值列表中選擇最小的值作為屬性值。

提示：您可以將 min() 函數視為用于設置元素的最大限制值。

實例

使用 min() 將 #div1 的寬度設置為最多 300px，但如果視口寬度小于 600px，則寬度會更小（50%）：

#div1 {
  background-color: yellow;
  height: 80px;
  width: min(50%, 300px);
}

親自試一試

CSS 語法

min(value1, value2, ...)
值 描述
value1, value2, ... 必需。逗號分隔的值列表，從中選擇最小的值。

技術細節

版本： CSS Values and Units Module Level 4

瀏覽器支持

表格中的數字表示首個完全支持該函數的瀏覽器版本。

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相關頁面

參考：CSS max() 函數

教程：CSS 數學函數