未知元素大小的css边界半径

如果我设置border-radius: 100000px一个元素它将是一个完美的半径.如果我设置border-radius: 100%我得到一个完全不同的结果.

.test {
  background: red;
  width: 150px;
  height: 50px;
}

.border1 {
  border-radius: 10000px;
}

.border2 {
  border-radius: 100%;
}

Correct


Weird

.border2 {
  border-radius: 100vh;
}