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

 潮人搭配师er氵ic_161 发布于 2022-11-07 20:06

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

CSS代码如下:

.padOnCircles > p > p {
  width: 52vh;
  height: 52vh;
  border: 1px dashed rgb(79, 76, 72);
  -webkit-border-radius: 10vh;
  padding: 5vh;
}
1 个回答
  • 第一:
    兼容做就要做全-webkit 是对border-raidus属性的浏览器兼容兼容
    -webkit-border-radius:苹果;谷歌,等一些浏览器认,因为他们都用的是webkit内核;
    -moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
    在这两个属性有值的时候,去掉哪个属性,对用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和360没关系。不删除的话影响微乎其微.
    第二:

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

    有错误还望高手指正

    2022-11-12 01:41 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有