主页
CSS
CSS 单位
trycss_unit_rem
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> html { font-size:16px; } div { font-size: 3rem; border: 1px solid black; } #top-div { font-size: 2rem; border: 1px solid red; } </style> </head> <body> <p>本文档字体大小为16px。</p> <div id="top-div"> 这个 div 元素的字体大小是 2rem，相当于浏览器字体大小的 2 倍。 <div>这个div元素的字体大小是 3rem。 它还表明它不继承其父元素字体大小。</div> </div> <p>rem 单元设置相对于浏览器基本字体大小的字体大小，并且不会从其父级继承。</p> </body> </html>