どうも、くーへいです。 ここ数年は、「レスポンシブデザイン」のウェブサイトが流行していますよね。 ある意味、作りこまれたウェブサイトの代名詞にもなっているように感じます。 今回は「レスポンシブデザイン」の実装について、フロントエンドエンジニア目線で記事にしてみます。 今さら「はじめの一歩」?と思われるかもしれませんが、「セオリー」が固まりつつある今だからこそ、確認する必要があると思います。 そもそも「レスポンシブデザイン」とは? 「レスポンシブデザイン」が流行する前は、スマホ用のウェブサイトはディレクトリを変えて、別サイトとして構築することが多かったと思います。 「レスポンシブデザイン」では、サイトは同じなのですが、デバイスやブラウザサイズによって適用するCSSを変更することにより、PC向け、タブレット向け、スマホ向けのデザインを適用することができるウェブサイトを指します。 つまり、同一の
![レスポンシブなサイトをつくりたい!実装方法はじめの一歩 フラップイズム](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d287b92fd9fdea05a0c42058744946a72e1f423/height=288;version=1;width=512/https%3A%2F%2Fwww.flapism.jp%2Fwp-content%2Fuploads%2F2014%2F06%2Fae802b1eccea5e03b9f3afb8938361ca.jpg)