我正在尝试按照客户的规范对网站进行编码。我现在所看到的似乎可以在OSX Safari，Firefox和Chrome上完美运行。未经PC测试。在iPad上快速中断。并且在iPhone上完全感到厌烦。
这是我现在的位置：http://geofkern.com/14v0.1/jewelrySeries.html
每个元素都按窗口高度的百分比设置大小，因为客户端用于刷新可缩放至窗口大小并希望其图像显示尽可能大的站点。在iPad上，如果我以横向模式打开页面，然后立即单击菜单按钮，弹出菜单，并且所有内容均以适当的大小显示。但是，一旦我滚动，重新加载或尝试以纵向方向查看，菜单按钮就会停止工作，或者没有以正确的尺寸显示任何内容（即使它仍然可见）。我尝试更改视口元设置，但似乎没有任何组合有效。我很想让它保持可伸缩性，但是在除1.0之外的任何比例下，基于百分比的大小似乎都会变得奇怪。
有什么明显的我想念的地方吗？有没有更好的方法可以做到这一点？
有人看到我的页面为什么在移动设备上如此不稳定地显示吗？
最佳答案
因此，看来最大的问题是iOS尚不支持视口相关单位。将它们全部改回％单位，并且我的大多数问题都已解决。仍然不太像在台式机上那样，但是至少它不再是“完全无聊”了。
关于html - iPad上基于百分比的CSS布局中断，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25574404/