【发布时间】:2012-08-03 09:29:54
【问题描述】:
我创建了一个简单的网站,我正在尝试使其具有响应性 - 可以在 http://www.teamlist.co 上查看它。我使用@media 查询来定位 iOS,它在纵向方向上看起来不错,但在横向方向上不适合 width:100%。我发现这在 iPhone 4 和 iPad 上都是正确的。关于为什么会发生这种情况的任何想法?
【问题讨论】:
我创建了一个简单的网站,我正在尝试使其具有响应性 - 可以在 http://www.teamlist.co 上查看它。我使用@media 查询来定位 iOS,它在纵向方向上看起来不错,但在横向方向上不适合 width:100%。我发现这在 iPhone 4 和 iPad 上都是正确的。关于为什么会发生这种情况的任何想法?
【问题讨论】:
经过一些研究,我发现这是 iOS 中长期存在的错误,但 Filament 小组的 Scott 开发了一个有趣的解决方法脚本,我正在尝试。将它包含在我的违规页面上,它似乎可以解决问题:
http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/
你可以在github上找到代码:
https://github.com/scottjehl/iOS-Orientationchange-Fix#readme
到目前为止,它是救命稻草!
【讨论】:
他们不是针对屏幕尺寸而不是 iOS 吗?从我记得看到的关于它们的情况来看,您可能需要针对所有可用的宽度
【讨论】: