Googleがモバイルフレンドリーに関するアップデートを発表してからますます需要が高まっているレスポンシブデザイン。 市販されているWordpressなどのテンプレートなどでも、だんだんとデフォルトでレスポンシブ化されているものも増えてきました。 でも、勝手にレスポンシブ化されるからといって、いつものようにコンテンツを足していくと、画像が枠からはみ出たり、おかしな表示になってしまったりと、思わぬトラブルに巻き込まれがち。 この記事ではWeb屋さんとしてレスポンシブデザインをがっつり作りこんでいる人はもちろんのこと、そうした人々に作ってもらったものを使ってコンテンツを作っているけどハマってしまったという方に向けて、レスポンシブデザインのTipsをご紹介しています。 メディアクエリーとは? レスポンシブデザインの基本ともいえるメディアクエリー。CSSに書いておくことで、「このウインドウ幅の時だ
![いろんな要素を楽にレスポンシブ化するために知っておきたいTips | Web](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef618a3b762a19cf8c9b48f75e804b1f413568a7/height=288;version=1;width=512/http%3A%2F%2Fnj-web.net%2Fwp-content%2Fuploads%2F2015%2F10%2Fresponsive.jpg)