<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html{ font-size: 20px; } .box{ /*width: 100px; height: 100px;*/ /*em:就是一种长度单位,它是参照当前元素的字号,如果没有设置,就参照父容器或者当前浏览器的默认字号*/ width:10em; height:10em; background-color: red; font-size: 18px; /*1em=16 18/16 em*/ } /*rem是css3新增的一种长度单位,它是参照根元素(html)的字号*/ .parent{ width:10rem; height:10rem; background-color: blue; font-size: 12px; } </style> </head> <body> <div class="box"> 写一些字 </div> <div class="parent"> 也写一些字 </div> </body> </html>
02-em和rem的使用
猜你喜欢
转载自blog.csdn.net/leipanbo/article/details/80226512
今日推荐
周排行