liquid layoutとは? わかりやすく解説

Weblio 辞書 > コンピュータ > IT用語辞典 > liquid layoutの意味・解説 

リキッドレイアウト

【英】liquid layout

リキッドレイアウトとは、Webデザインにおいて、Webページの表示領域の幅がある程度変更されても従来のレイアウトを維持できるようにする手法のことである。

複数の列(コンテナ)を持つWebページを作成する際には、一般的には、各列の幅がピクセル数(px)などによって固定的に指定される。このとき、ディスプレイの解像度やウィンドウの幅が、指定されたピクセル数の合計よりも狭かった場合には、Webページはウィンドウを横にはみ出し、横方向にスクロールさせないと見渡すことができない状態となる。横スクロールバーの存在は、ユーザビリティを著しく損なうといわれている。

リキッドレイアウトは、各列の幅をパーセンテージ(%)で指定し、それによってWebページの幅を相対的・可変的にすることを主とした手法である。リキッドレイアウトにすると、ウィンドウ幅に合わせて自動的に幅が調整されるので、多様な環境でユーザビリティが損なわれないWebページを作成することができる。

なお、無制限に可変的なリキッドレイアウトにすると、解像度が非常に高いディスプレイ上では横に伸びすぎた表示となってしまったり、あるいは幅を狭くしすぎた場合にコンテンツが縦長になりすぎて読みづらくなってしまったりする場合もある。幅のサイズの上限や下限を併せて指定することで、ある程度は見易さの維持を図ることができる。


参照リンク
Liquid layouts the easy way - (英文)



英和和英テキスト翻訳

英語⇒日本語日本語⇒英語
  •  liquid layoutのページへのリンク

辞書ショートカット

すべての辞書の索引

「liquid layout」の関連用語

liquid layoutのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



liquid layoutのページの著作権

   
IT用語辞典バイナリIT用語辞典バイナリ
Copyright © 2005-2026 Weblio 辞書 IT用語辞典バイナリさくいん。 この記事は、IT用語辞典バイナリの【リキッドレイアウト】の記事を利用しております。

©2026 GRAS Group, Inc.RSS