开创者教程
首页
前端开发
后端开发
数据库
数据分析
开发工具
Git 教程
SVN 教程
SEO 教程
测验/考试
代码笔记
登录/注册
🎁 机器学习（ML）是AI的核心驱动力！全面、实用的 机器学习（ML）教程 现已正式上线
👉 点击学习
实例代码
下载
重置
运行代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML单位rem的演示</title> <style> html {font-size: 16px;} div {font-size: 1.2rem; padding: 20px; background-color: #eee;} p{font-size: 0.9rem} </style> </head> <body> 此文档的 font-size 是 16px。<br><br> <div>这个 div 的 font-size 为 1.2rem，转换为浏览器字体大小的1.2倍。<br> <p>这个 p 元素的 font-size 为 0.9rem。它同时也展示出不会继承其父元素的字体尺寸。</p> </div> </body> </html>
运行结果：
