web-dev-qa-db-ja.com

W3Cはビューポートを検証しません

W3Cは私のビューポートメタタグを検証しません アイデアはなぜですか?

<title>DIDIx13</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 
<!-- Throws a warning "Consider avoiding viewport values that prevent users from resizing documents." -->
<meta name="keywords" content="DIDIx13" >
<meta name="description" content="I'm Darwin and welcome to my website" >
6
DIDIx13

TL; DR

"user-scalable=no"を削除すると、バリデーターは完全に正常です。


この回答のおかげで、"user-scalable=no"の目的がわかりました。

実際には"user-scalable=no"はユーザーがズームできないようにします。また、ブラウザでクリック1回あたり300ミリ秒を獲得できます。

クリックあたり300ミリ秒?それはすごくいいです! "user-scalable=no"

しかし、これはもはやとは言えない(-===-)と efhengの回答 によると。

<meta name="viewport" content="width=device-width">は、300msの遅延を取り除くのに十分です。

10
DIDIx13

-scaleプロパティもその警告をトリガーします

したがって、存在する場合は、次のプロパティをすべて削除する必要があります

  • ユーザースケーラブル
  • 初期スケール、
  • 最大スケール、
  • 最小スケール、