スマートフォン・タブレットの普及により、WEB業界でいまや当然となった「レスポンシブデザイン」 今回は「レスポンシブデザイン」について、フロントエンジニアの経験などを踏まえ、詳しく説明していきます。 レスポンシブデザインの概要 レスポンシブデザインについて、まず、見え方という点でお話ししていきましょう。 WEBサイトがあり、その中のあるページをパソコンで見ているとします。 スマートフォンやタブレットなど、別のデバイス(端末)で見てもキレイに表示されていれば、そのページはレスポンシブデザインです。 なお、この場合の「キレイに表示されている」は、画面サイズに応じてレイアウトが見やすい形・大きさに変化しているということです。 上記が、見え方におけるレスポンシブデザインです。 次に、コーディング(制作側)という点でお話しします。 レスポンシブデザインが登場するまでは、パソコン / スマートフォン
![レスポンシブデザインとは?基本中の基本をわかりやすく解説 | ITキャピタル](https://cdn-ak-scissors.b.st-hatena.com/image/square/80a786bbb1d84e2d0b2f8477369c7a96dd78ac8c/height=288;version=1;width=512/https%3A%2F%2Fwww.1st-net.jp%2Fblog%2Fwp-content%2Fuploads%2F2020%2F03%2Fresponsive_design.png)