元标记名称视口不起作用

Question

我正在尝试通过使用元标记名称视口来使网站移动友好。

我尝试了以下语法，但似乎不起作用：

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

当我从使用不同样式引号的网站复制行时，它在某一时刻起作用。 （我不记得哪个网站了）关闭编辑器并重新打开编辑器，我注意到最后的引号变成了一个问号，如下所示

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

最初使用问号可以正常工作，但是第二天从FTP重新打开文档并重新加载页面后，我注意到它不再使用问号了。

我不知道我最初在哪里复制了使用不同样式引号的初始meta tag viewport命令，以测试该命令是否有效。

谁能提供建议为什么它可能无法正常工作，以及如何对其进行故障排除以使其正常工作？

我还希望能够使以下代码正常工作，但我无法正常工作。 如果对此也有任何建议，那将很棒

$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">');

其他信息发现Firebug是一种故障排除工具。 看着萤火虫给出的代码。 Firebug似乎已将meta标签名称视口行更改为

<meta content-type"="" content="initial-scale=1, maximum-scale=1, user-scalable=0? > <meta http-equiv=" name="viewport">

Answer 1

我将在这里解决两个问题。

首先，代码中的问号。 我敢打赌，这是因为有人不小心用“智能引号”格式化了他们的博客文章，因此最终引号字符变成了Unicode Closing Double Quote引号字符，最终呈现为？ 因为某处的编码冲突。 基本上，用适当的双引号重新输入它以修复它。

其次，正如Adrian所说的那样，使用JS在加载后动态添加元标记不太可能起作用。 浏览器在读取初始内容流时将查找此关键信息，类似于检查页面编码和doctype。

另外需要注意的一点是：在当前主页www.ictlds.co.uk上，您的元描述和关键字具有非法的结束标记。 元标记是自动关闭的，因此您不能添加结束标记。 通过W3C验证程序服务运行页面。