css - 元标记 "viewport"内容 ="width=device-width"不工作

标签 css html meta-tags meta

元标记未对移动(iphone)视口(viewport)做出应有的 react 。

我猜它与网站顶部的全宽图像相关联。 关于如何解决这个问题的任何帮助和建议?

你可以在这个地址看到这个网站: http://alonashkenazy.co.il/

最佳答案

这没有错,因为使用多个具有相同名称的元标记是有效的 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">

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

关于css - 元标记 "viewport"内容 ="width=device-width"不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26961298/

相关文章:

html - 为什么我没有使用 p-calendar [PrimeNG] 获得正确的样式

javascript - 在while循环中输入id

html - CSS - 在悬停时影响元素的全宽,而不删除填充

javascript - 如何在 Angular2 应用程序中使 Facebook og 标签动态化?

html - 摆脱填充?

css - 使图像在两列的表格中保持顶部

html - chrome 和 safari 中的圆形按钮中断

html - 如何修复使按钮重叠的表单

facebook - 谷歌的元标签与 Facebook 的元标签打开图

seo - 规范标签会阻止谷歌索引吗?