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)
值 描述
dividend 必需。被除数（数字、百分比或尺寸值）。
divisor 必需。除数（数字、百分比或尺寸值）。

기술 세부 사항

버전： CSS4

浏览器支持

표中的数字表示首个完全支持该函数的浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
125 125 118 15.4 111

관련 페이지

참조:CSS acos() 함수

참조:CSS asin() 함수

참조:CSS atan() 함수

참조:CSS atan2() 함수

참조:CSS calc() 함수

참조:CSS cos() 함수

참조:CSS exp() 함수

참조:CSS hypot() 함수

참조:CSS log() 함수

참조:CSS mod() 함수

참조:CSS pow() 함수