<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { /*补全代码*/ height:4rem; width:4rem; } </style> </head> <body> <div></div> <script type="text/javascript"> /* 填写JavaScript */ </script> </body> </html>
px :绝对单位,适合需要精确控制元素大小和位置的场景。
em :相对单位,值相对于当前元素的字体大小,适合需要根据父元素字体大小动态调整的场景。
rem :相对单位,值相对于根元素的字体大小,适合需要全局一致的布局和响应式设计。