レスポンシブデザイン

HTML

ビューポートの設定。デバイスの横幅に合わせる。

<meta name="viewport" content="width=device-width">

CSS

メディアクエリーの設定。デバイスの横幅に合わせて、CSSの設定を振り分ける。

/* Over 1000px, for 1024x768 (iPad horizontal). */

@media screen and (min-width: 1000px) {

}