Softex CelwareTech Blog
Web開発

レスポンシブデザインとは

PC、タブレット、スマートフォンなど画面幅に応じてレイアウトを調整する設計です。

簡単にいうと

レスポンシブデザインでは、CSSのメディアクエリや柔軟なレイアウトを使って、同じページを複数の画面幅で見やすくします。

業務用Webアプリでは、PCでは表、スマートフォンではカード表示に切り替えるような設計が役立ちます。

どんな場面で使うか

  • スマホ対応Webアプリ
  • 表のカード表示
  • 画面幅に応じた入力UI

関連用語

さらに調べる