<!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 :相对单位,值相对于根元素的字体大小,适合需要全局一致的布局和响应式设计。