通过一些bootstrap 3.2集成，我一直在制作一个水平滚动网站，其高度和宽度为100％，表示“页面”。
在整个开发过程中它已经在各种设备上正常运行但是当我在ios 8更新后在mobile-safari中使用它时，该网站现在显示不正确... FFS
暂时您可以在此处查看开发网站：
（网站不再有效）
我非常相信它与音频/音乐播放器部分有关。这是一个古老的音乐播放器，已经为新网站重新设计。该计划是让该网站与该播放器一起发布，之后我们将继续更新它。
要了解该网站的“应该”外观，您可以在iphone上的Chrome中查看它（或者当然是在Android上）。
它在调整大小的桌面浏览器中运行良好 - 它实际上只是ios 8 mobile-safari更新，似乎有一个bug。
据我所知，他们可能会更新并且会自行解决，但我真的不能仅仅依靠它。
导航应该是视口的100％，而不是整个文档的100％。
视口底部应固定一个音频播放器。
我尝试了一些事情，例如垂直堆叠div，虽然这有助于导航宽度问题，但是它导致音频播放器元素被包含在父“音乐”容器中 - 我将音乐容器设置为溢出：滚动和-webkit-overflow-scrolling：触摸与其他部分一样，但音频播放器控件已停止修复......？它也阻止了它在ios的chrome中工作，这意味着它真的不是一个可行的选择。
（如果你看一下，请原谅凌乱的css。音乐部分的感觉在中途进行了修改，我等到开发结束时要清理它。）
据我所知，这不是已经被问到的东西 - 我已经搜索了几个小时但我认为这个案例可能非常独特（横向整页布局与定制的音频播放器相当不常见据我所知）
非常感谢任何帮助