为什么border-radius的圆角会消失？

Question

在学习写一个微信公开课PRO的页面，突然发现-webkit-border-radius这个属性的圆角莫名其妙的消失了。。在开发者工具上面是可以用的，求解这是为什么。。

CSS代码如下：

.padOnCircles > div > div {
  width: 52vh;
  height: 52vh;
  border: 1px dashed rgb(79, 76, 72);
  -webkit-border-radius: 10vh;
  padding: 5vh;
}

Answer 1

第一：
兼容做就要做全-webkit 是对border-raidus属性的浏览器兼容兼容
-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核；
-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
在这两个属性有值的时候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，和360没关系。不删除的话影响微乎其微.
第二：

10vh 是这个是量？不是一般都是2em这样么。

有错误还望高手指正

Answer 2

说句废话兼容性问题给border-radius加前缀看看-webkit- -o-之类的 还有给它加个颜色看看 23333