Viewportの書き方

あらためてグーグル推奨というわけでこちらのページをメモ。
ウェブマスターツールでビューポートについてのコーションが出ていて、なんだろうと思ったら多分 minimum-scaleを入れていたことが原因だったようです。

ビューポートを設定する

ビューポートに確実にアクセスできるようにするという項目で次のような記述が・・・

ビューポートには、initial-scale のほかに次の属性も設定できます。
minimum-scale
maximum-scale
user-scalable
これらの属性を設定するとユーザーがビューポートをズームできなくなる場合があるため、ユーザー補助関連の問題が生じる可能性があります。

つまり、これだけでいいと。

<meta name=”viewportcontent=”width=device-width, initial-scale=1.0“>

 

cavycraft の紹介

Webデザイン事務所 CavyCraft -ケイビークラフト- 代表です。
カテゴリー: HTML・CSS, レスポンシブ   パーマリンク

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