0

ウィンドウが最大化されたときに、たとえば 100px の Web ページの上マージンが必要ですが、ユーザーがウィンドウのサイズを変更して縮小した場合、このマージンを縮小したいと考えています。マージンの最小サイズは 10px で、ウィンドウの高さに比例して縮小する必要があります。

私がエミュレートしようとしているものがhttp://www.bing.com/である場合の例

これをCSSで実装するにはどうすればよいですか？min-height現在、 、min-width、heightおよびに苦労しwidthています。

ありがとう。

4

1 に答える 1

2

コードを見なければ、素晴らしい提案をすることは困難です。ただし、html と body を 100% の高さにスタイル設定することもできます。これは、実際にはブラウザーの表示可能な部分の高さに一致する必要があります。

html, body{ margin:0; padding:0; height:100%; }

そこから、本体に div を直接追加して、パーセンテージで高さを指定できます。

#push{ height: 15%; }

body html は次のようになります。

<body>
    <div id="push"></div>
    <div>
        asdf asdf
    </div>
</body>

身長が変わればプッシュハイトも変わります。好みに合わせてその数を微調整する必要がある場合があります。プッシュに最小の高さを指定することもできますが、これは IE6 ではサポートされていません。また、その 100% html / body は、フッターなどのやり方によっては後で問題を引き起こす可能性があるので、注意して頑張ってください。

于 2009-12-27T20:32:28.750 に答える