div+CSS typesetting_html/css_WEB-ITnose に関する質問

私は Web 開発に関わり始めたばかりですが、レイアウトに div+css を使用すると、Web ページが拡大縮小に伴って変形してしまいます。はお勧めできません。しかし数値で設定する場合、全高の値はどうやって決めるのでしょうか？私のコンピュータでは適切な場合でも、より高い解像度のコンピュータでは、下に空白のセクションが表示されますが、これは明らかに見苦しいです。 。この問題は一般的にどのように解決されるのでしょうか?特定の状況に応じて動的に設定するにはJavaScriptを使用していますか?専門家にこの点を説明してもらいましょう。ありがとうございます。

ディスカッションへの返信 (解決策)

背景タイルは画面全体を占め、テーマ コンテンツの幅は通常 1200 ～ 1300 程度で、高さはコンテンツによって異なります。一般に、フロントエンドで作業している場合は、UI がこの問題を考慮します。コードのロジックに注意してください (ただし、これは UI に触れるべきではないという意味ではありません。少しは知っておく必要があります)。すべてについて〜)

フラットな背景 テーマコンテンツの幅は一般的に 1200 ～ 1300 程度で、高さはコンテンツによって異なります。一般に、フロントエンドで作業している場合は、UI がこの問題を考慮します。コードのロジックに注意してください (ただし、これは UI に触れるべきではないという意味ではありません。少しは知っておく必要があります)。すべてについて~)

ありがとう、私が知りたいのはこれではないでしょうか~~ それで、通常はどのように処理されますか?より高度な CSS テクノロジーを使用する必要がありますか?たとえば、アダプティブなブートストラップのようなものを見ました。 ~もう少しアドバイスをお願いします

Bootstrap は、遭遇する可能性のあるさまざまなレイアウトの問題を最適化するものです。そのクラス名を覚えて、その API を確認するだけで、その使用方法がわかります。とても便利です。さらに、多くの対話が記述されており、直接呼び出すことができます。

1 最下層の背景色と、可能な限り長いコンテンツを含むレイヤーを使用するようにしてください
2 本当に高さを設定したい場合は、{min-height: xxxpx;_height:xxxpx}
3 を使用する必要があります。js の場合は、document.body.clientHeight||document.documentElement.clientHeight と .scrollHeight の動的設定を比較する必要があるため、効果が良くない可能性があります。 🎜>