题解 | #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相对于根元素。

全部评论

相关推荐

07-24 03:49
门头沟学院 Java
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
昨天 13:52
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务