在同一类中使用CSS属性两次

我已经读过了，但它确实涵盖了我正在看的代码

我现在明白了vmin在做什么，但我不明白这段代码是如何工作的。按钮的高度何时为200px，何时为从vmin获得的值。两次声明属性到底意味着什么

  .centerButton {
    height: 200px;
    width: 200px;
    height: 50vmin;
    width: 50vmin;
}

谢谢

---

我正在查看源代码以供参考。

当您编写这样的代码时，像素值将是旧浏览器的回退值

例如，Edge 16将该声明解释为：

.centerButton {
    height: 50vmin;
    width: 50vmin;
}

但Internet Explorer 9将采用像素单位（IE9使用

vm

-单位而不是

vmin

）：

意外反转顺序时，像素值将覆盖vmin：

.centerButton {
    height: 50vmin;
    width: 50vmin;
    /* this replaces previous values */
    height: 200px;
    width: 200px;
}

---

200px是回退值：没有实现此功能的旧浏览器使用此值，现代浏览器使用50vmin。@Steven谢谢，我会将您的评论添加为回答，但这只是一条评论。我希望，我的回答足够描述性。

.centerButton {
    height: 50vmin;
    width: 50vmin;
    /* this replaces previous values */
    height: 200px;
    width: 200px;
}