スマートフォン対応サイト制作の手法として注目されている、 レスポンシブWebデザイン(Responsive Web Design)の実用TIPSを紹介します。 PC用表示・スマートフォン用表示の切り替え方法、お役立ちアプリなども紹介します。 関連記事 レスポンシブWebデザインで、PCとスマホ表示を切り替える方法 レスポンシブWebデザインのメリット、デメリットとその解消方法 レスポンシブWebデザインのメディアクエリサイズサンプル レスポンシブWebデザインとは レスポンシブWebデザインでは、CSSを利用し、ウインドウサイズに応じてデザインを変更します。 そのため、PC用とスマートフォン用に複数のHTMLを作成する必要がないなど様々なメリットがあります。 レスポンシブWebデザインについては下記サイトが非常に詳しく、参考にさせていただいています。 ASCII.jp:スマホ対応の新潮流「
![スマートフォン対応のためのレスポンシブWebデザイン実用TIPS – LIQUID BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/af2dd5a7e1e180d064fe6b0388b0679a8c6223df/height=288;version=1;width=512/https%3A%2F%2Fblog.lqd.jp%2Fimg%2Fresp_mt.gif)