Question

在Zurb Foundation 4.0中，docs表示要包含（在页头中）：

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

在Zurb Foundation 5.0中，docs说要使用：

<meta name="viewport" content="initial-scale=1.0" />

请注意，“width = device-width”规范已被删除。为什么呢？

我见过的每个响应式设计框架都包含“width = device-width”规范。它做了什么以及为什么Foundation 5.0放弃它？

Answer 1

由于内部错误传达而被删除。切换到横向模式时单独使用width=device-width会导致缩放某些设备，这可以通过添加initial-scale=1.0来修复。但是，只有initial-scale=1.0会破坏Android上的视口。

下载应在示例<meta name="viewport" content="width=device-width, initial-scale=1.0" />中具有正确的视口标记（index.html），并且现在应修复文档，但如果您找到了，请告诉我们错误。

Answer 2

我不知道为什么它会在基础5中被删除，可能是一个错误！

它将浏览器的布局视口设置为与设备宽度相对应的CSS声明，例如width：20％。

（顺便说一下，Opera已经提议将这个功能移植到完整的CSS，这一切似乎都是个好主意。但目前我们仍然坚持使用HTML标签。）

通常，布局视口采用供应商决定的宽度，以便查看桌面网站。通过将元视口设置为设备宽度，您可以确保您的网站宽度已针对正在查看的设备进行了优化。

您也可以使用媒体查询来执行此操作..