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

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