問(wèn)題描述

在學(xué)習(xí)寫一個(gè)微信公開(kāi)課PRO的頁(yè)面，突然發(fā)現(xiàn)-webkit-border-radius這個(gè)屬性的圓角莫名其妙的消失了。。在開(kāi)發(fā)者工具上面是可以用的，求解這是為什么。。

CSS代碼如下：

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

問(wèn)題解答

第一： 兼容做就要做全-webkit 是對(duì)border-raidus屬性的瀏覽器兼容兼容-webkit-border-radius：蘋果；谷歌，等一些瀏覽器認(rèn)，因?yàn)樗麄兌加玫氖莣ebkit內(nèi)核；-moz-border-radius：moz這個(gè)屬性 主要是專門支持Mozilla Firefox 火狐瀏覽器的CSS屬性。在這兩個(gè)屬性有值的時(shí)候，去掉哪個(gè)屬性，對(duì)用他們做內(nèi)核的瀏覽器就有影響，如果沒(méi)值的話，就沒(méi)影響，這兩個(gè)屬性和，IE，和360沒(méi)關(guān)系。不刪除的話影響微乎其微.第二：

10vh 是這個(gè)是量？不是一般都是2em這樣么。

有錯(cuò)誤還望高手指正