开发者社区> 问答> 正文

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

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

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

展开
收起
杨冬芳 2016-06-20 17:55:36 4266 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

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

    有错误还望高手指

    2019-07-17 19:44:25
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载