CSS Width等于高度，反之亦然

Question

对于我的Web项目很重要，div的宽度等于高度，反之亦然，因为高度是相对的并设置为80％。像这样：

.key{
    position: relative;
    display: inline-block;
    height: 80%;
    width: *height*;
    border: none;
    cursor: pointer;
}

感谢您的帮助。

Answer 1

有一种使用CSS的方法！

如果根据父容器设置宽度，则可以将高度设置为0，并将padding-bottom设置为将根据当前宽度计算的百分比：

    setTimeout(() => {
          setTimeout(() => {
            this.router.navigateByUrl("/home");
          });
        }, 3400);
      }