文字
分享

说明:

相对长度单位。相对于根元素(即html元素)font-size计算值的倍数

兼容性:

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0-8.02.0-3.54.0+3.1-4.015.0+3.22.1+18.0+
9.0+3.6+5.0+4.1+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>rem_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

html,

h1 {

    font-size: 12px;

}

p {

    font-size: 2rem;

}

</style>

</head>

<body>

<h1>下面的文字将是html定义的字体大小的2倍:</h1>

<p>我是html定义的12px的2倍,字体大小为24px</p>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:ch下一篇:vw