Question

W3C don't validate my viewport meta tag知道为什么？

<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" >

Answer 1

由于this answer.

，我发现了"user-scalable=no"的目的

实际上"user-scalable=no"会阻止用户进行缩放。它允许浏览器每次点击获得300毫秒。

每次点击300毫秒？那太好了！我应该让"user-scalable=no"

根据{{3}}，

不再是这种情况。

<meta name="viewport" content="width=device-width">足以消除300毫秒的延迟。

TL; DR

删除"user-scalable=no"，现在验证器完全正常！

Answer 2

请注意，任何-scale属性也会触发该警告

因此，如果存在以下所有属性，则应将其删除

用户可扩展
初始比例，
最大规模，
最小规模

W3C不验证Viewport

2 个答案:

TL; DR