CSSでパーセンテージを使用してdivをスケーラブルにする方法

Question

こんにちは私はスケーラブルなdivに関する質問があります。

 

img { 
    width: 100%; 
    height: 98%; 
} 
 

このようにすると、ウィンドウのサイズを変更するときに画像を拡大縮小することができます。しかし、私は単純なdivで同じ効果を達成するにはどうすればよいですか？ min-widthとmin-heightも指定したいと思います。ですから、div内のコンテンツに関してdivが450x300になるようにしたいのですが、ウィンドウのサイズが変更されると、そのサイズもウィンドウに反映される必要があります。しかし、私が何かをするとき

 

div { 
    min-width: 450px; 
    min-hieght: 300px; 
    width: 100%; 
    height: 100%; 
} 
 

私はすべてのブラウザでもうまくいくとは思えません。この問題を解決するために私に提案してください。ここで を更新しました

は、私が何をしようとしているhttp://jsfiddle.net/noppanit/Xfpp7/

私のコード例で、「一部のテキストは」かかわらず、画像がどのように大の画像と同じサイズを持っているのdiv要素に持つことです。また、ウィンドウのサイズを変更すると、「一部のテキスト」が画像と同じ割合で縮小または拡大します。普通のCSSやHTMLでこれが可能であるかどうかは不明です。どうもありがとう。

Answer 1

OK、二つの潜在的な問題：

• あなたの分の高さ
• のタイプミスを持っているあなたものdivのコンテナの高さを指定しましたか？たとえば、divが直接bodyにある場合、ブラウザはその身体に特定の高さを与えなければなりません。

編集：
あなたはdiv要素は、大画面上の広い450個のピクセルになりたい場合は、あなたのコメントに答えるために、画面が小さい場合は縮小し、あなたがmax-width代わりのmin-widthを必要としています。