Webデザイン 1-11 表示領域に合わせて可変するリキッドレイアウト リキッドレイアウトとは、ブラウザの表示領域に合わせてコンテンツの幅・位置を可変で表示させるもの。表示環境による違いを最適化し、スマートフォン対応などにも有効だ。 制作・文/栗林 宏之 B's StuDio Browser IE 7over Firefox 3over Safari 4over 01 リキッドレイアウト(可変グリッド)とはブラウザの幅に合わせてコンテンツの表示範囲(位置)を変えつつ、解像度の違いでユーザビリティを損なわないように最適化したレイアウトを維持する表示方法である【1-1】。 【1-1】ブラウザ幅に合わせてコンテンツの表示領域も変わるのがリキッドレイアウト。 02 基本は幅の指定を相対値で指定することとなる。2カラムレイアウトを例にすると【2-1】、まず全体を含むid[wrapper]にブラウザに