レスポンシブウェブデザイン(Responsive Web Design)

レスポンシブデザイン,レスポンシブウェブデザイン

Webデザインの手法の一つで、
表示される機器(PCなのかタブレットなのかスマホなのかなど)の
種類やサイズに応じて
最適な状態で表示されるよう、
単一のファイルで実現する手法です。

Googleも推奨している手法です。
(http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html)

 

観れば一瞬でわかります。

レスポンシブ


PCのブラウザで表示したサイトを、
画面の大きさを変えてみましょう。

この動画のように、大きさによって、レイアウトが変化し、
その大きさで最適な状態に表示されるものを
レスポンシブデザインといいます。