webデザイン勉強中のものです。
画面幅に合わせて可変する正方形を作成したいのですが、
html
<div class="square"> <div class="square_inner"></div></div>
css
.square{
width: 100%;
background-color:任意;
}
.square_inner{
padding-bottom: 100%;
}
で可変する正方形は作成できるのですが、
その正方形を
フレックスボックスの中に入れると
くずれて、縦長の長方形になってしまいます。
フレックスボックスが関係していることはなんとなくわかるのですが、
上記のスタンダードなコードを、どう修正すればフレックスボックス内でも
可変する正方形を作れるのか、教えていただけますと助かります。
回答2件
あなたの回答
tips
プレビュー