リキッドレイアウトとは何ですか?
https://stackoverflow.com/questions/62334
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
私のデザイナーは「リキッド」レイアウトという言葉を頻繁に使います。これはどういう意味ですか？
説明してくれてありがとう、私はいつもこれをパーセンテージレイアウトと呼んでいて、ピースは移動できる、それは流動的だと言っているのだと思っていました
解決
「リキッド」レイアウトは、ブラウザー ウィンドウのサイズを変更すると、利用可能な領域全体を埋めるように拡張されるサイト レイアウトです。通常、これは CSS を使用して行われます。リキッド レイアウトは、特定の種類のサイトでは非常に役立ちますが、固定幅レイアウトよりも大幅に労力がかかる傾向があり、その有用性はサイトのコンテンツとその実装の程度によって異なります。
他のヒント
から http://www.maxdesign.com.au/presentation/liquid/ :
ページ上のすべてのコンテナには、幅がパーセントで定義されています。つまり、最初の含有ブロックではなく、完全にビューポートに基づいています。ブラウザウィンドウのサイズを変更すると、液体のレイアウトが出入りします。
基本的に、これは、ページ内の要素の特定の幅の仕様に依存しない Web ページのレイアウトです。
でのディスカッションを参照してください ウィキペディア.
これは、特定の共通の解像度に合わせて作られた (ほとんどの) 固定幅のレイアウトとは対照的に、ブラウザ (またはその他のクライアント) の幅と高さに動的に調整して、利用可能なすべての画面スペースを効率的に使用するレイアウトを意味します。時間 (例:以前は 800x600 が Web サイトの標準でした)。
リキッドレイアウトとは、Web サイトのデザインコンセプトを指します。CSS にはパーセンテージと相対的な幅があるため、ブラウザ ウィンドウのサイズを変更すると、リキッド レイアウトが内外に移動します。
これは、うまくいけば、ブラウザのウィンドウ サイズ (通常は幅) を満たすように、ある時点まで縮小/拡張することを意味します。そうしないと、大きな (24 インチ以上) モニターではテキストが非常に読みにくくなる可能性があります。
2 つのうち 1 つ:
デザインはブラウザの幅に合わせて拡大縮小されます (ブラウザの幅が 1024 ピクセルの場合、デザインも同様に拡大されます)。ただし、幅 100 ピクセルのブラウザ向けにデザインする場合、これは非常に楽しいものになります (ただし、デザイナーが実際に最小幅を設定する場合もあります)。
デザインの幅は固定されていますが、相対的なサイズを使用して測定で設定されます。たとえば「彼ら」...したがって、フォント サイズが大きくなると、ページの幅も増加します。
リキッド レイアウトは、すべての幅をパーセンテージで定義する CSS レイアウトの方法であるため、ビューポート (ブラウザ ウィンドウ) のサイズが変更されるとページの領域が拡大/縮小します。
これらは、大きな画面と小さな画面の両方に適合するサイトを作成しようとする場合に非常に役立ちます。固定レイアウトよりも作業が少し難しくなります。すべてがページ内にどのように収まるかについてのある程度のレベル制御を放棄することになり、コンテンツが落ちないように細心の注意を払う必要があるからです。サイズ変更時に見た目がバラバラになります。
リキッド レイアウトは、かなり基本的な列レイアウトを備えたテキストの多いサイトに最も便利だと思います。また、「伸縮性のある」レイアウト、つまり液体領域と固定領域の両方を備えた快適なメディアも見つかるかもしれません。
真の Liquid レイアウトでは、コンテンツはユーザーのブラウザ ウィンドウに合わせて、有意義で計算されたインテリジェントな方法で拡大および縮小されます。つまり、単に列とコンテナの幅をパーセンテージに設定するだけではありません。
うまく行えば、知覚される品質が向上する可能性があります。下手をするとユーザビリティが悪夢になってしまいます。
液体になるのはお尻にとっては大きな苦痛だ。ただし、サイトを構築しているトピック/クライアント/製品に強力なビジュアル品質がある場合 (夏の大ヒット映画のサイトを考えてください)、特定のフィット感と仕上げが必要な場合、または表示する必要がある場合は、苦労する価値があります。大きなデータの塊。
注記：私の主張の良い例と引用へのリンクを追加して、少し後でこれを更新します。
