レスポンシブWebデザインの簡単な作り方レスポンシブWebデザインとは、ユーザの画面サイズやブラウザのウインドウサイズに応じて適用CSSを分けることで、閲覧環境に合ったデザイン・レイアウトでウェブページを表示するデザイン方法のことです。レスポンシブWebデザインのメリットやデメリットなどの基本から、CSSソースのサンプル、簡単に作れるフレームワークやテンプレートを紹介。 レスポンシブWebデザインとは レスポンシブWebデザイン(Responsive Web Design)とは、アクセス者の閲覧環境に応じて適用するCSSを切り替えることで、ウェブページのデザインやレイアウトを自動的に変化させるデザイン方法ことです。主に、ブラウザのウインドウサイズや端末の画面サイズのような「描画領域の横幅」に応じてデザインを切り替えます。 レスポンシブWebデザインを使うと、端末の種類ごとにウェブサイトを分