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() 函数