javascript - ブラウザを超えない「div」

Question

私は、、、、、（コードビハインド用）、およびVisual Studioを使用してASP.netいます。HTMLCSSC#ADO.netJavascript/Jquery

ブロックを含む Web ページを作成しようとしていますdivが、ブロックがブラウザーを超えないようにしたいと考えています。知っていますか :divウィンドウの解像度を変更しても、高さのサイズを追加する方法は?

PS: 私はフランス人なので、私のミスは気にしないでください。

score 1 · Accepted Answer

シナリオをさらに明確にすることなく、1つの方法は次のことです。

HTML

<div id="test">
    My div
</div>

CSS

html, body {height:100%;margin:0;padding:0}
#test {width:100%; height: 100%;position:absolute;}

score 1 · Accepted Answer

高さを 100% に設定すると、通常は機能します。注: パディングによって、ブラウザを超えてしまうことがあります。

score 0 · Accepted Answer

以前に画面解像度の問題が発生しましたが、これで問題が解決しました。

画面の解像度が変わるたびにウェブサイトを動的に変更したい場合は、すべてのページ、コンテナー、ラッパーなどに css で % を使用して、任意の画面解像度で調整できるようにします。(問題: 画面の解像度が大きいときはいつでも、これにより Web デザインが破壊されます)
私がこれまでに見つけた最善の解決策は、他のプロのウェブサイトも行っていると思いますが、幅を静的または固定にして、ページを中央に配置することです. これにより、ページで作成したデザインが保持され、すべてがそのままの状態で表示されます。

CSS で、ページ、コンテナ、ラッパーなどに次の行を追加するだけです。

margin:0 auto;

サイトはどの画面解像度でも中央に表示されます。その他の例と詳細については、このリファレンスHow to Center a Website With CSS を参照してください。実際の画面解像度を変更せずに別の画面解像度をテストしたい場合は、こちらで試すことができます。

お役に立てれば：）

3 に答える 3