css - 固定幅のページ レイアウト

Question

私のマネージャーは、固定幅のページ レイアウトについて言及し続けています。私は彼が何を意味するのか分かりませんし、本当に聞きたくもありません。彼は私のデスクに来て、私のブラウザのサイズを横方向に変更し、何かつぶやきました。私が聞きたいのはこれです。

1. 固定幅のページ レイアウトとは
2. 代替手段は何ですか？
3. なぜそれが重要なのですか？

ありがとう、

サチン

Answer 1

私はそれが流体設計についてだと思います。これは基本的に、ページの幅が%ではなくを使用して定義されることを意味しますpx。このように設定すると、ビューポートが小さくなるとページが縮小されます。ただし、これでテーブルを使用すると問題が発生する可能性があることに注意する必要があります。

これをさらに実現するもう 1 つの方法は、メディア クエリを使用することです。

最後に一つだけ。上司にどういう意味か聞いてみませんか？

Answer 2

固定幅とは、絶対単位で固定された幅でスタイル設定されたドキュメントを指します。

px絶対単位の例です。

width: 100px;

1 つの代替方法は、幅を のように相対的にすること%です。

width: 60%;

これが重要な理由は、人によって画面サイズやブラウザーの使い方が異なるためです。

固定幅を使用するということは、ユーザーが小さな画面を使用している場合、またはブラウザーを最小化して使用している場合、ブラウザー ウィンドウのサイズに応じてページ幅を調整するのではなく、水平方向にスクロールする必要があることを意味します。

Answer 3

デザインのキャンバスをズームインすると、デザインにテーブルを使用していると思います。箱から出して、DIVベースデザインを使用する必要があります。これは画面に合わせて調整されます。