デザイン&レイアウト 1-01 メディアクエリによるレスポンシブWebデザイン メディアクエリを使って、PC、タブレット、スマートフォンなどでそれぞれの画面サイズに応じた表示の切り替えを行い、レスポンシブWebデ ザインを実現する方法について解説する。 制作・文/山本圭助(株式会社ラナデザインアソシエイツ) BROWSER IE…7over Firefox…7over Safari…5over Chrome…15over 01 レスポンシブWebデザインとは、Webサイトを閲覧する環境にあわせて最適なレイアウトを表現するためのデザイン手法だ。 実現するにはさまざまな方法があるが今回はコーディングの際にメディアクエリを使い、画面サイズに応じたスタイルを適用させることで、一つのソースで多くのデバイスに対応させる方法について解説する。 メディアクエリとは、link 要素とstyle要素のmedi