CSS max() 函數

定義和用法

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

實例

使用 max() 將 #div1 的寬度設置為至少 300px，但如果視口寬度超過 600px，則寬度會更寬（50%）：

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

親自試一試

CSS 語法

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

技術細節

版本： CSS Values and Units Module Level 4

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相關頁面

參考：CSS min() 函數

教程：CSS 數學函數