元标记“viewport”content =“width = device-width”不起作用

时间:2014-11-16 19:46:00

标签: html css html5 meta-tags meta

元标记不应该响应移动(iphone)视口。

我猜它已经连接到网站顶部的全宽图像。 我如何解决这个问题的任何帮助和建议?

您可以在此地址查看该网站: http://alonashkenazy.co.il/

1 个答案:

答案 0 :(得分:3)

这没有错,因为使用多个具有相同名称的元标记是有效的HTML:

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

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

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

P.S。要获得更多移动网站的使用,请从HTML5 Mobile Boilerplate template

获取更多信息