リキッドレイアウトとは? わかりやすく解説

Weblio 辞書 > 辞書・百科事典 > デジタル大辞泉 > リキッドレイアウトの意味・解説 

リキッド‐レイアウト【liquid rayout】

読み方:りきっどれいあうと

liquid液体の意》ウェブページデザインにおける画面構成の手法の一。ブラウザーの幅に応じてテキスト画像配置柔軟に変化し、見やすさを維持するもの。名称は、液体がどんな形の容器にも入るように、ブラウザーの幅に合わせて個々要素再配置されることから。


リキッドレイアウト

【英】liquid layout

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

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

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

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


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


英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「リキッドレイアウト」の関連用語

リキッドレイアウトのお隣キーワード
検索ランキング

   

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



リキッドレイアウトのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
デジタル大辞泉デジタル大辞泉
(C)Shogakukan Inc.
株式会社 小学館
IT用語辞典バイナリIT用語辞典バイナリ
Copyright © 2005-2024 Weblio 辞書 IT用語辞典バイナリさくいん。 この記事は、IT用語辞典バイナリリキッドレイアウトの記事を利用しております。

©2024 GRAS Group, Inc.RSS