viewportの幅をデバイスのスクリーンの幅に合わせる

viewportの幅をデバイスのスクリーンの幅に合わせる


レスポンシブWEBデザインで重要な、ビューポイントですが、以下をつけることで、幅をデバイスのスクリーンの幅に合わせる事が可能になります。
<meta name=”viewport” content=”width=device-width “>

width=”content-width”は、「viewportの幅をデバイスのスクリーンの幅に合わせる」という意味です。
widthには直接幅を指定してもいいのですが
device-widthを指定した方が、解像度が違ういろいろなデバイスに対応することが可能になります。

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP