私はレスポンシブデザインに取り組んでおり、divの高さと幅を同じにするのに苦労しています。最初に、divの幅をパーセンテージにして、高さをautoに変更しましたが、これによりdivが表示されなくなりました。この例では、divを表示できるように、ピクセル単位で固定の高さを設定する必要があります。単純な画像を使用してこの問題を解決することはできませんが、代わりに、レスポンシブと同じ高さでレスポンシブである必要があるdiv内の背景画像を使用する必要があります。ブラウザのサイズを変更するとき、長方形ではなく正方形としてサイズを変更するためにdivが必要です。どうすればこれを達成できますか？
jsFiddleでの次の例は、http：//bit.ly/ZLiBm2の短縮URLを使用して見つけることができます。