フレキシブルレイアウト

現代のウェブページと言うのは、パソコンやスマートフォンと言った画面のサイズや環境などが異なる端末を利用して閲覧するケースが多く在ります。

これに伴い、環境などに応じて幾つかのHTML文書を作りページの最適化を図る方法が一般的になっています。

しかし、レスポンシブウェブデザインは、１つのHTML文書の中でCSSを利用する事で、異なる画面サイズに対応可能なレイアウトを作り出す事が可能になります。
その一つにフレキシブルレイアウトが在ります。

フレキシブルレイアウトは、外枠のサイズをしておいてボックス要素等が相対的もしくは可変的に調整されるのが特徴です。

タブレットやスマートフォン等のような小さな画面に対しては100％表示され、大きな画面の場合は、ボックス要素が相対的、もしくは可変的に調整が行われて表示されると言う特徴が有ります。