スマホサイト必須のviewport設定

Pocket

スマホで見るサイトを実装する場合にviewportを設定することは必須となってきます。

そこで通常よく利用される記述をご紹介します。

<meta name="viewport" content="width=device-width,initial-scale=1">

これでほとんどのスマホサイトは画面サイズに合わせて適切に表示されます。また、拡大縮小されない設定にするには以下の記述をしましょう。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*