百分比基于iPad的CSS布局中断在iPad上

Question

我试图按照客户的规范对网站进行编码。我现在所拥有的东西似乎在OSX Safari，Firefox和Chrome上完美运行。在PC上未经测试。在iPad上快速崩溃。并且完全在iPhone上运行。

下面是我在哪里现在：http://geofkern.com/14v0.1/jewelrySeries.html

每一个元素是个尺寸窗口的高度，因为客户端使用该扩展Flash网站窗口大小，并希望他的图像显示为大可能。在iPad上，如果我以横向模式打开页面，并立即单击菜单按钮，弹出菜单，并且所有内容都以适当的大小显示。但是，一旦我滚动，重新加载或尝试以纵向方向查看，菜单按钮停止工作或没有任何东西以合适的尺寸显示（如果它仍然可见）。我试过改变视口元设置，但没有组合似乎工作。我很乐意让它具有可扩展性，但基于百分比的大小看起来在1.0以外的任何级别上都很糟糕。

有什么明显的，我在这里失踪？有没有更好的方法来做到这一点？ 有没有人看到我的网页在移动设备上显示如此不正常？

Answer 1

所以看起来最大的问题是iOS中尚未支持视口相关单元。把他们全部改回％单位，我的大部分问题都已清理完毕。仍然不像桌面电脑那样表现出色，但至少它不再是“完全的”。