打开菜单时网站缩小
Site zooms out when menu is opened
我正在使用 Yahoo 的 PureCSS 库以及一个侧边栏插件，它在除移动版 Safari 之外的所有浏览器上都运行良好。出于某种原因，无论何时打开菜单，它都会缩小。这甚至发生在文档的 example 中。我不知道是什么原因造成的，但很容易将其称为浏览器错误。
如有必要，我可以整理一个 JSFiddle。
视口元标记不包含最大比例值。如果您将视口标记更新为以下内容，则无论何时用户单击菜单，您都不会得到相同的缩放：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
注意在字符串末尾添加 maximum-scale=1。添加后，内容会滑过而不是缩小。这是针对上面链接的 PureCSS demo page for the Responsive Side Menu 测试的。
这个问题其实和Does overflow:hidden applied to work on iPhone Safari?一样。我想当用户打开菜单时，Mobile Safari 会缩小以为菜单和内容区域腾出空间，除非您在包装元素上执行此操作：
html,
body {
overflow-x: hidden;
}
我正在使用 Yahoo 的 PureCSS 库以及一个侧边栏插件，它在除移动版 Safari 之外的所有浏览器上都运行良好。出于某种原因，无论何时打开菜单，它都会缩小。这甚至发生在文档的 example 中。我不知道是什么原因造成的，但很容易将其称为浏览器错误。
如有必要，我可以整理一个 JSFiddle。
视口元标记不包含最大比例值。如果您将视口标记更新为以下内容，则无论何时用户单击菜单，您都不会得到相同的缩放：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
注意在字符串末尾添加 maximum-scale=1。添加后，内容会滑过而不是缩小。这是针对上面链接的 PureCSS demo page for the Responsive Side Menu 测试的。
这个问题其实和Does overflow:hidden applied to work on iPhone Safari?一样。我想当用户打开菜单时，Mobile Safari 会缩小以为菜单和内容区域腾出空间，除非您在包装元素上执行此操作：
html,
body {
overflow-x: hidden;
}