Rumah > Artikel > hujung hadapan web > html5中的rem是什么
html5中的rem是什么
- WBOYasal
- 2022-01-13 10:59:435136semak imbas
在html5中，rem是“root em”的缩写，是一个相对长度单位；rem单位作用于非根元素时，相对于根元素字体大小，rem单位作用于根元素字体大小时，相对于其出初始字体大小。
本教程操作环境：windows10系统、HTML5版、Dell G3电脑。
html5中的rem是什么
在html5中，rem是“root em”的缩写，是一个相对长度单位。
相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。
rem 是根 em（root em）的缩写，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。
相对于根元素(即html元素)font-size计算值的倍数
示例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
/* 作用于根元素，相对于原始大小（16px），所以html的font-size为32px*/
html {font-size: 2rem}
/* 作用于非根元素，相对于根元素字体大小，所以为64px */
p {font-size: 2rem}
</style>
</head>
<body>
作用于根元素，相对于原始大小（16px），所以html的font-size为32px
<p>作用于非根元素，相对于根元素字体大小，所以为64px。</p>
</body>
</html>输出结果：
推荐教程：《html视频教程》
Atas ialah kandungan terperinci html5中的rem是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中无序列表的用法是什么Artikel seterusnya：wap和html5的区别是什么