Html 网站iPad显示的渲染问题

我遇到了我在网络开发生涯中遇到的最奇怪的问题，我似乎无法解决它

几个月前，我开发了一个网站：www.ktngroup.co.uk，所有设备在发布时都运行良好。现在，该网站似乎已经开发出某种形式的问题，仅限于ipad。奇怪的是，当使用css用户代理和屏幕大小时，我无法复制它，这很奇怪，因为它看起来像css问题

我不能很好地描述这个问题，但看起来好像所有的内容（除了标题）都是从ipad上的网站上删除的/没有显示出来。此外，当使用adobe edge inspect时；我发现我的css规则都没有应用到元素上

将1024px的台式机版本与ipad环境进行比较是发现问题的最佳方式

更新：当我取消iPad完全加载站点（大致为前两个面板）时，站点的功能在这两个面板上会更加完善——几乎就好像加载的内容进一步破坏了站点一样

---

如果有人有任何指导，我真的非常感谢你。

对于那些可能遇到这个问题的人，这是杰克·帕蒂索尔的建议。iPad似乎并不把vh作为一个整体来看待，因此我的图像非常庞大

为了解决这个问题，我添加了一个媒体查询来处理设置了像素宽度/高度的手持平板电脑

---

希望这对你最不关心的人有用。我在chrome浏览器中点击一个链接时几乎要癫痫发作，页面会快速上下跳动几次，然后滚动到合适的区域。我的直觉是jQuery scroll有问题。你在测试哪个版本的iOS？我注意到iOS 7有些奇怪。对我来说，似乎截面元素（

.main\u section

）的高度有一些不稳定的计算高度（巨大得惊人），导致滑动图像急剧膨胀。每个幻灯片过渡都会导致糟糕的绘制时间。如果我将高度从

100vh

更改为

768px

，情况看起来会更好。我们谈论的是同一个问题吗？