CSS rem() 函數

定義和用法

CSS rem() 函數返回一個數（被除數）除以另一個數（除數）后剩余的余數。

舉例：rem(9, 2) = 1。（9 / 2 = 4；4 * 2 = 8，余數 = 1）

舉例：rem(9, -2) = 1。（9 / -2 = 4；4 * -2 = -8，余數 = -1）

注意：結果總是取除數的符號。

實例

一些 rem() 的例子：

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

CSS 語法

rem(dividend, divisor)

技術細節

瀏覽器支持

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

相關頁面

參考：CSS acos() 函數

參考：CSS asin() 函數

參考：CSS atan() 函數

參考：CSS atan2() 函數

參考：CSS calc() 函數

參考：CSS cos() 函數

參考：CSS exp() 函數

參考：CSS hypot() 函數

參考：CSS log() 函數

參考：CSS mod() 函數

參考：CSS pow() 函數