W3C 不验证视口答案

【问题标题】：W3C don't validate ViewportW3C 不验证视口
【发布时间】：2018-09-26 07:21:11
【问题描述】：

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

【问题讨论】：

正如验证者所说 Consider avoiding viewport values that prevent users from resizing documents. 但恕我直言，你想要那个。当在移动设备上缩放网站时，人们会感到紧张。
@AjAX。 W3schools 有一个完美的视口示例，我的网站应该是响应式的。为什么如此知名的验证者会推荐这个？
Responsive != Ability to zoom. 验证器是——不是——只有这么知道。它是HTML Protocol 的制造者的验证者。但发明事物确实——并非——总是让你成为它的最佳用户。
W3C !== W3Schools。 W3Schools 通常是一堆旧的####。至少以前是这样。
也就是说，建议放大非移动设计的网站。你想要有大按钮等等。在这里，W3C 可能会检查您是否知道自己在做什么。请记住。

标签： html w3c w3c-validation

【解决方案1】：

TL;DR

删除"user-scalable=no"，现在验证器完全没问题了！

我找到了"user-scalable=no"的用途，感谢this answer.

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

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

但根据efheng's answer，情况不再是这种情况。

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

【讨论】：

【解决方案2】：

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

因此，您应该删除以下所有属性（如果存在）

用户可扩展
初始规模
最大尺度
最小规模

【讨论】：