スマートフォン、タブレット、パソコンと、Webページはさまざまな画面幅で見られます。画面幅に合わせてレイアウトや文字の大きさを切り替える「レスポンシブデザイン」の中心になるのが、CSSのメディアクエリ（media queries）です。...