ボーダーは、Android /クローム

Question

に

チェックアウトこのペンを示さない

<div class="circle"></div> 

をCSS：デスクトップで

.circle { 
    box-sizing: border-box; 
    width: 100%; 
    padding-bottom: 100%; 
    border: 10px solid #333; 
    border-radius: 50%; 
} 

は、すべてが期待どおりに動作しますブラウザが、私の電話では、ボックスの周りのボーダーは表示されません（私はそれがブラウザのバグだと思います）。 Android 6.0.1とChromeバージョン59.0.3071.125を使用しています。

回避策を教えてもらえますか？

Answer 1

一部のブラウザは特定のCSS3プロパティをサポートしていません。

CSS：

.circle { 
    box-sizing: border-box; 
    width: 100%; 
    padding-bottom: 100%; 
    border-width: 10px; 
    border-style: solid; 
    border-color: #333; 
    border-radius: 50%; 
}