viewportの幅をデバイスのスクリーンの幅に合わせる
レスポンシブWEBデザインで重要な、ビューポイントですが、以下をつけることで、幅をデバイスのスクリーンの幅に合わせる事が可能になります。
<meta name=”viewport” content=”width=device-width “>
width=”content-width”は、「viewportの幅をデバイスのスクリーンの幅に合わせる」という意味です。
widthには直接幅を指定してもいいのですが
device-widthを指定した方が、解像度が違ういろいろなデバイスに対応することが可能になります。
関連記事はこちら!
スポンサーリンク