HTML5でPC用、タブレット用、iPhone用に対応するレスポンシブデザインのWebページサンプルです。 Media Queryを使うことで対応させています。ポイントは、 ?Media Queryは、サイズの小さいものからCSSを記述すること ?幅の指定は%で記述すること ?メタ要素と…

HTML5 でレスポンシブデザインにするためには、 メタ要素をこのように設定します。 <meta name="viewport" content="width=device-width"></meta>