元标记名称视口不起作用

时间:2015-07-06 14:23:56

标签: javascript html

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

我尝试了以下语法,但似乎不起作用:

<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重新打开文档并重新加载页面时,我注意到它不再使用问号了。

我不知道我在哪里复制了最初使用不同样式引号的初始元标记视口命令,以测试它是否有效。

任何人都可以提供建议,说明为什么这可能无法正常工作以及如何对其进行故障排除以使其正常工作?

我还希望能够获得以下代码Javascript代码,我无法正常工作。如果对此有任何建议,那就太棒了

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

其他信息 发现Firebug是一个故障排除工具。看着firebug给出的代码。 Firebug似乎已将元标记名称视口行更改为

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

1 个答案:

答案 0 :(得分:0)

我将在这里讨论两个问题。

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

其次,正如Adrian在评论中所说,使用JS在加载后动态添加元标记不太可行。浏览器在读取初始内容流时会查找这些关键信息,类似于检查页面编码和文档类型。

还有一个注意事项:在您当前的主页www.ictlds.co.uk上,您的元描述和关键字都有非法的结束标记。元标记是自动关闭的,因此您不能添加结束标记。通过W3C Validator服务运行您的页面。