SUPPORT サポート

リキッドレイアウトとは、何ですか?

幅広い環境に同じレイアウト表示を実現できるリキッドレイアウト

リキッドレイアウトとは、ブラウザで表示される横幅の表示領域に合わせて、レイアウトを崩さずに各要素を可変させて表示する方法です。
閲覧側で異なる幅広い環境に対して、同じ様なレイアウト表示が可能です。

通常のホームページ

通常のホームページでは、レイアウトの横幅を固定した数値で指定することが一般的です。
これにより、指定した横幅以下の表示領域になった場合は、横スクロールバーが表示されて見えない領域が発生します。
閲覧する側の環境によって、見え方に差異が出てしまうデメリットがあります。

  • 横スクロールバーが表示される
  • 見えない領域が発生する

非リキッドレイアウト表示イメージ
※上記は通常レイアウトの一例であり、デザインレイアウトにより見え方等は異なります。

リキッドレイアウトを実装したホームページ

リキッドレイアウトは、レイアウトの横幅をパーセンテージ(%)で指定することが一般的です。
これにより、常に表示領域に合わせた可変表示が可能となる為、横スクロールバーが表示されず、見えない領域が発生しません。
閲覧する側の環境によって見え方の影響が少ない為、どのブラウザでも決まったレイアウト配分で表示できるメリットがあります。

  • 横スクロールバーが表示されない
  • 見えない領域が発生しない

リキッドレイアウト表示イメージ
※上記はリキッドレイアウトの一例であり、デザインレイアウトにより見え方等は異なります。

弊社のリキッドレイアウト対応時につきまして

上記の通り、リキッドレイアウトの実装では「絶対数値」ではなく「相対数値」を用いる都合上、通常サイトに比べ、構築時及び検証時の作業工数が大幅に増加します。
つきましては、通常サイトに比べ下記の事項が異なります。予めご了承下さいます様お願い致します。

作業料金

作業工数が大幅に増加する為、下記の作業料金が発生致します。

  • 基本作業料金+(基本作業料金×20%)~=リキッドレイアウト作業料金
変更・修正料金

リキッドレイアウト対応では「相対数値」の設定が必要である都合上、途中からの変更ができず始めからの対応が必要になる事もあります。
作業進行後にお客様都合によるデザインやレイアウト変更等が発生した場合で料金が発生する場合は、通常の修正料金に対しても20%~の作業料金が発生致します。

  • 修正作業料金+(修正作業料金×20%)~=リキッドレイアウト修正作業料金

INQUIRY

弊社へのお問い合わせは、メールフォームをご利用ください。

コーディング代行サービスサイト