0

こんにちは、スケーラブルな 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 でこれが可能かどうかはわかりません。どうもありがとう。

4

1 に答える 1

2

OK、2 つの潜在的な問題:

  • 最小身長にタイプミスがあります
  • divのコンテナの高さも指定しましたか? たとえば、div が に直接ある場合body、body に特定の高さを指定する必要があります。ブラウザーはそれが何であるかを認識しません。

編集:
コメントに答えるには、大画面で div を 450 ピクセル幅にしたいが、画面が小さいときに縮小するには、max-width代わりにmin-width.

于 2012-04-15T15:05:14.910 に答える