CSSだけで応答円を作る方法は？

Question

私はちょうどCSSを使ってサークルを幅としてパーセントで表していますが、これは楕円形になるので高さには当てはまりません。これを行うための純粋なCSSの方法はありますか？

Answer 1

は、●クラスのため、このコードを使用します。

.circle { 
position: relative; 
border-radius: 50%; 
width: 100%; 
height: auto; 
padding-top: 100%; 
background: white; 
} 

をごパディングトップがあなたの幅と同じであることを確認し、あなたの高さの自動を作ります。