メインコンテンツにスキップ
レスポンシブな正円の作り方

簡易板を正方形に→単位を%に変える→角丸を100%にする

j.sakamoto avatar
対応者:j.sakamoto
3年以上前に更新

■簡易板を用意

<Step1>縦横サイズを同値にし正方形を作成。(この時単位はpxにします)

■縦横比を固定し単位を%に

<Step2>縦横比を固定(縦長のアイコンをクリックすると固定されます)

<Step3>横幅の単位を%にする(%にするとレスポンシブになります)

⚠️必ずStep2→Step3の順番で行なってください

■角丸を100%に

<Step4>角丸を100%にする(ここで正円にならなければ単位がpxになっていないかご確認下さい)

<完成>

こちらの回答で解決しましたか?