リキッドレスポンシブ

概要

リキッドレイアウトは、ブラウザの幅に合わせてサイトのコンテンツが拡大縮小（可変）することで表示領域に対して最適化したレイアウトを維持します。可変グリッドということもあります。

常に画面に対し100％のサイズでサイトが可変するのではなく「980px以下はリキッドする」などの条件などとの組み合わせも承ります。

ソリッドレスポンシブとリキッドレスポンシブの違いソリッドレスポンシブとリキッドレスポンシブの違いは以下からご確認頂けます。
・ソリッドレスポンシブ
・リキッドレスポンシブ（フレキシブル）
・リキッドレスポンシブ（フルリキッド）
画面幅100%で表示させたい写真についてリキッドレスポンシブの場合、画面幅100%で表示させたい画像についてはデザインデータ上も横幅を大きくとって頂くことを推奨いたします。大きなディスプレイも想定し、2,048px以上がおすすめです。
サイズ指定はvw（viewport width）を一部使用しますレイアウトとフォントサイズは、画面サイズに合わせた可変処理に対応するため、特にheightについてはpxではなく、縦横比率を維持したまま拡大縮小するvwを基本的に使用します。
料金単位のpxカウントについてpx数のカウントはページごとにカウントさせて頂きます。