6

私のデザイナーは、「リキッド」レイアウトという用語を捨て続けています。これは何を意味するのでしょうか？

明確にしてくれてありがとう、私はいつもこれをパーセンテージレイアウトと呼んでいて、彼はピースを動かすことができると言っていると思っていました。それは流動的でした

4

10 に答える 10

13

"リキッド" レイアウトは、ブラウザー ウィンドウのサイズが変更されると、使用可能な領域全体に拡張されるサイト レイアウトです。通常、これは CSS を使用して行われます。リキッド レイアウトは、特定の種類のサイトでは非常に役立ちますが、固定幅レイアウトよりもはるかに手間がかかる傾向があり、その有用性は、サイトのコンテンツと実装の程度によって異なります。

于 2008-09-15T12:29:44.253 に答える
4

http://www.maxdesign.com.au/presentation/liquid/から:

ページ上のすべてのコンテナーの幅はパーセントで定義されています。つまり、最初の包含ブロックではなく、ビューポートに完全に基づいています。ブラウザ ウィンドウのサイズを変更すると、リキッド レイアウトが移動します。

于 2008-09-15T12:30:02.537 に答える
1

これを参照してください： http ：//www.time-tripper.com/uipatterns/Liquid_Layout

于 2008-09-15T12:42:18.420 に答える
1

基本的に、これはページ内の要素の特定の幅仕様に依存しない Web ページのレイアウトです。

ウィキペディアでの議論を参照してください。

于 2008-09-15T12:31:04.640 に答える
1

これは、ブラウザー (または任意のクライアント) の幅と高さに動的に調整され、利用可能なすべての画面スペースを効率的に使用するレイアウトを意味し、特定の共通分母の解像度に合わせて作成される (ほとんどの場合) 固定幅のレイアウトとは対照的です。時間 (たとえば、800x600 は、長年にわたって Web サイトの標準でした)。

于 2008-09-15T12:31:55.743 に答える
0

リキッドレイアウトは、すべての幅をパーセンテージで定義するCSSレイアウトの方法であるため、ビューポート（ブラウザウィンドウ）のサイズが変更されると、ページの領域が拡大/縮小します。

大画面と小画面の両方に適合するサイトを作成する場合に非常に便利です。固定レイアウトよりも作業が少し難しくなります。これは、すべてがページにどのように収まるかについてある程度の制御を放棄し、コンテンツが落ちないように細心の注意を払う必要があるためです。サイズ変更時に美的に離れます。

リキッドレイアウトは、かなり基本的な列レイアウトを持つテキストの多いサイトに最も役立つと思います。また、「弾力性のある」レイアウト（液体領域と固定領域の両方を備えたもの）を備えた幸せな媒体を見つけることもできます。

于 2008-09-15T12:39:47.863 に答える
0

真のLiquidレイアウトでは、コンテンツはユーザーのブラウザウィンドウに合わせて、意味のある計算されたインテリジェントな方法で拡大および縮小します。つまり、列とコンテナの幅をパーセンテージに設定するだけではありません。

うまくやれば、これは知覚される品質の向上につながる可能性があります。うまくいかなかった、それは使いやすさの悪夢です。

液体になることは、しこりの大きな痛みです。サイトを構築しているトピック/クライアント/製品の視覚的品質が高い場合（夏の大ヒット映画サイトを考えてください）、特定のフィット感と仕上げが必要な場合、または表示する必要がある場合は、苦痛は価値がありますデータの大きな塊。

注：これは少し後で更新し、私の主張の良い例と引用へのリンクを追加します

于 2008-09-15T12:42:04.393 に答える
0

Liquid Layouts は、Web サイトのデザイン コンセプトを指します。CSS にはパーセンテージと相対的な幅があるため、ブラウザ ウィンドウのサイズを変更すると、リキッド レイアウトが移動します。

于 2008-09-15T12:29:51.083 に答える
0

これは、ブラウザのウィンドウ サイズ (通常は幅) を埋めるために縮小/拡大することを意味します。そうしないと、大きな (24 インチ以上) モニターでテキストが非常に読みにくくなる可能性があります。

于 2008-09-15T12:31:03.813 に答える
0

2 つのうちの 1 つ:

  • デザインはブラウザーの幅に合わせて拡大/縮小されます (ブラウザーの幅が 1024px の場合、デザインも同様になります)...ただし、100px 幅のブラウザー用にデザインする場合、これは非常に楽しくなります (デザイナーが実際にただし最小幅）。

  • デザインの幅は固定されていますが、相対サイズを使用して測定値が設定されています。たとえば、"em" などです。フォント サイズが大きくなると、ページの幅が大きくなります。

于 2008-09-15T12:32:05.963 に答える