Digital Dive
  1. Top
  2. WEB用語集
  3. ラ行
  4. レスポンシブデザイン

レスポンシブデザイン

閲覧するデバイスの画面サイズに合わせてレイアウトを自動調整する設計手法のこと。スマートフォンでは縦長表示、タブレットでは横配置、PCでは大きな画面幅を活かすといった具合に、同じページでも見やすさを最適化する。例えばトップ画像がスマホでは縦に縮小され、PCでは横幅いっぱいに表示される仕組みがその例。ユーザー体験を損なわず、管理コストも抑えられる。