文章/答案/技术大牛

发布

社区首页 >问答首页 >元标记"viewport“content="width=device-width”无效

问元标记"viewport“content="width=device-width”无效
EN

Stack Overflow用户

提问于 2014-11-17 03:46:00

回答 1查看 4.7K关注 0票数 4

meta标签对移动(iphone)视窗的反应不是很好。

我猜它连接到了网站顶部的全宽图片。我该如何解决这个问题，有什么帮助和建议吗？

您可以通过以下地址查看该站点：http://alonashkenazy.co.il/

发布于 2014-11-17 04:56:20

这没有错，因为使用多个具有相同名称的meta标记是有效的HTML：

  <meta name="viewport" content="width=device-width">
  <meta name="viewport" content="initial-scale=1">

但我们不知道搜索引擎和其他读者会如何解读它们。两个元标签将被连接，或者其中一个将被忽略/覆盖。为了避免可能出现的问题，我建议使用单个meta标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

附言:有关更多移动网站的使用情况，请从HTML5 Mobile Boilerplate template获取更多信息

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26961298

复制

相似问题

问元标记"viewport“content="width=device-width”无效EN