☰

純粋な CSS ソリューション - 正方形の要素? [重複] 質問する

tag-icon • tag-icon css layout width aspect-ratio
純粋な CSS ソリューション - 正方形の要素? [重複] 質問する

相対的な幅を持つ<div>（例えば幅: 50%)、JavaScript に頼らずに高さと同じ幅にする簡単な方法はありますか?

ベストアンサー1

私が見つけたこの巧妙なトリックを使えば、実際にそれを実現することが可能です。このブログ

#square {
   width: 100%;
   height: 0;
   padding-bottom: 100%;
}

おすすめ記事