レスポンシブ

画面サイズに合わせて表示が変わるウェブサイトの技術

レスポンシブは、パソコン、タブレット、スマートフォンなど、異なる画面サイズに合わせて自動的に表示を調整するウェブサイトの技術です。まるで「どんな容器にも合わせて形を変える水」のような柔軟性があり、「万能サイズの洋服」のような便利さを持っています。現代のマルチデバイス時代に欠かせない技術です。

使い方の例

「レスポンシブサイトをスマホで見て、『パソコンと同じように使いやすい』という体験をしました。まるで魔法のように画面に合わせて変化する技術に感動です」
「タブレットでウェブサイトを見たら、『画面サイズにぴったり』表示されました。デバイスを選ばない親切設計ですね」

知っておくと便利

レスポンシブサイトは一つのURLで全デバイスに対応できます。ブラウザの幅を変えることで、レスポンシブ動作を確認できます。モバイルファーストの設計思想で作られることが多くなっています。