移動端border-radius失效

因為IOS自帶樣式，移動端div設置的 border-radius 失效解決辦法：

.content-div{
    width: 80px;
    height:80px;
    border-radius:40px !important;
}

 

萬能的!important;
在border-radius屬性里面添加!important：

CSS中的!important一般都是用於對低版本的除了iE 6 ，用來做hack的，后面綴上了!important的css語句，讓瀏覽器首選執行這個語句，因為css有繼承的樣式，加上!importanrt可以覆蓋父級的樣式。