Zurb foundation 为什么在基础5中视图端口标签发生了变化?无宽度=设备宽度? 在Zurb基金会4中,包含(在页首)中的说法: 《Zurb基金会5》的使用说明: <meta name="viewport" content="initial-scale=1.0" />

Zurb foundation 为什么在基础5中视图端口标签发生了变化?无宽度=设备宽度? 在Zurb基金会4中,包含(在页首)中的说法: 《Zurb基金会5》的使用说明: <meta name="viewport" content="initial-scale=1.0" />,zurb-foundation,Zurb Foundation,请注意,“宽度=设备宽度”规范已被删除。为什么? 我见过的每个响应性设计框架都包括“宽度=设备宽度”规范。它是怎么做的?为什么基金会5放弃它? < P>我不知道为什么它会落到5的基础上,可能是一个bug! 它将浏览器的布局视口(相对于该视口计算CSS声明,例如宽度:20%)设置为设备宽度 (顺便说一句,Opera建议将此功能移植到完整的CSS中,总的来说这似乎是个好主意。但目前我们仍停留在HTML标记上。) 通常,布局视口的宽度由供应商决定,是查看桌面站点的最佳宽度。 通过将元视口设置为设备宽度

请注意,“宽度=设备宽度”规范已被删除。为什么?


我见过的每个响应性设计框架都包括“宽度=设备宽度”规范。它是怎么做的?为什么基金会5放弃它?

< P>我不知道为什么它会落到5的基础上,可能是一个bug! 它将浏览器的布局视口(相对于该视口计算CSS声明,例如宽度:20%)设置为设备宽度

(顺便说一句,Opera建议将此功能移植到完整的CSS中,总的来说这似乎是个好主意。但目前我们仍停留在HTML标记上。)

通常,布局视口的宽度由供应商决定,是查看桌面站点的最佳宽度。 通过将元视口设置为设备宽度,您可以确保站点的宽度针对正在查看的设备进行了优化

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


您可以在此处清楚地阅读

由于内部沟通错误,它被删除。当您切换到横向模式时,仅使用
width=devicewidth
会导致某些设备上的缩放,这可以通过添加
initial scale=1.0
来修复。但是,只有
初始比例=1.0
会破坏Android上的视口


下载内容应该在示例
index.html
中有正确的视口标记(
),文档现在应该修复,但是如果发现错误,请告诉我们。

非常好的解释,非常感谢。在这种情况下,我将Zurb工程师的答案标记为已接受,因为他确认这是一个bug。
<meta name="viewport" content="initial-scale=1.0" />