こんにちは、スケーラブルな div について質問があります。私たちは次のようなことができることを知っています
<pre>
<code>
img {
width: 100%;
height: 98%;
}
</code>
</pre>
これにより、ウィンドウのサイズを変更するときに画像がスケーラブルになります。しかし、プレーンな div で同じ効果を得るにはどうすればよいですか? min-width と min-height も指定したいです。したがって、div内のコンテンツに関してdivを450x300にしたいのですが、ウィンドウのサイズを変更すると、divもそのサイズをウィンドウに反映できる必要があります。しかし、私が何かをするとき
<pre>
<code>
div {
min-width: 450px;
min-height: 300px;
width: 100%;
height: 100%;
}
</code>
</pre>
すべてのブラウザでも同様に機能しないと思われます。この問題を解決するために私に提案してください。
更新 ここに私のコード例がありますhttp://jsfiddle.net/noppanit/Xfpp7/
私がやろうとしているのは、画像の大きさに関係なく、「一部のテキスト」の div を画像と同じサイズにすることです。また、ウィンドウのサイズを変更すると、「一部のテキスト」は画像と同じ割合で縮小または拡大します。プレーンな CSS や HTML でこれが可能かどうかはわかりません。どうもありがとう。