题解 | #CSS单位(二)#
CSS单位(二)
https://www.nowcoder.com/practice/9516d4bf653046ef967cca945bb3f37b
{"html":"<!DOCTYPE html>\n<html>\n\n<head>\n <meta charset=\"UTF-8\">\n <style>\n div {\n /*补全代码*/\n height:4rem;\n width:4rem;\n \n} </style>\n</head>\n\n<body>\n <div></div> \n <script type=\"text/javascript\">\n /* 填写JavaScript */\n \n </script>\n</body>\n\n</html>","css":"","js":""}
在css中单位长度用的最多的是px、em、rem,这三个的区别是:
px是固定的像素,一旦设置了就无法因为适应页面大小而改变。
em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。
对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素。