我目前开始对我的网站使用响应式方法。我发现http://fluidbaselinegrid.com/ 是最好的样板文件。但是，对于我尝试过的每个样板或网格，当您从纵向模式切换到横向模式时，我无法让 iPhone 或 iPad 识别媒体查询。
它总是在您加载页面的方向上加载正确的 css。但是当您从纵向转到横向时，它会挂起并且无法正确调整大小。
您甚至可以在 http://fluidbaselinegrid.com/ 上看到这种情况。
有谁知道这是否是我们现在必须忍受的移动 webkit 的一个怪癖，还是有办法解决这个问题？
【问题讨论】：
标签： css ios mobile media-queries responsive-design
我联系了Fluid Baseline Grid背后的开发者，得到了这个答案：
我认为您遇到的是视口元标记。
当前：
最大比例不允许用户通过手指捏合来放大/缩小。 但是，当设备从 纵向到横向。这是特意删除的，以帮助那些 可能有阅读较小文本的障碍。你可以简单地改变 头部中的元标记设置比例，这将修复缩放 从纵向旋转到横向时出现问题。
“如果 Web 开发人员希望他们的缩放设置在 在 iPhone 上切换方向，它们必须添加一个最大比例 防止这种缩放的值，它有时有不想要的一面 防止用户放大的效果" - http://hacks.mozilla.org/2010/05/upcoming-changes-to-the-viewport-meta-tag-for-firefox-mobile/
这绝对可以解决问题，但您似乎无法通过手指捏合进行缩放，也无法控制布局切换的方式。有没有办法解决这个问题？
【讨论】：
我解决了仅将“initial-scale=1”（而不是“maximum-scale=1”）添加到视口元标记的问题
【讨论】：