javascript - 元素在老一代 iPad 上无法正确显示？

我遇到了一些问题，某些元素没有在老一代 iPad 上显示。我认为所有这些问题都是第一代 iPad 所独有的，因为它在新一代/桌面上应有的显示。我已经修复了一些，主要涉及 vh 元素和视差类。

我遇到的问题如下：

1 - 使用导航栏，打开时不会出现链接。我不确定这是否与 iPad 读取 JavaScript 的方式有关，因为它在所有其他设备上都可以正常工作。

2 - 我的主页和联系页面上也有 Google Maps iFrame，这根本不显示，只是一个空白区域。

3 - 在主页上，顶部背景照片根本不显示。

4 - 在所有其他页面上，顶部有背景照片，里面有文字，这些正在显示但无法正常显示。

这是该网站的链接：www.bodytone.ca 我知道代码现在有点乱，我仍然需要通过它来修复它。

标签： javascripthtmliosipaddisplay

我一直在看数字 3，我相信由于 ipad 1 上的最大图像大小限制，图像没有显示。

您的图像为 2039x2065，而任一尺寸的大小限制为 2048px。

尝试查看数字 1，看来它们在 ipad 2 上也不起作用，我一直在 browserstack 上进行测试。我不知道，但我想知道是否改变

.overlay-content {
    position: absolute;
}

会有所帮助，只是猜测。我的 CSS 不是最好的。