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

Question

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

我遇到的问题如下：

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

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

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

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

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

Answer 1

我一直在查看数字 3，但由于 ipad 1 的最大图像尺寸限制，我认为该图像未显示。

https://ipadportfolioapp.com/limits.html

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

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

.overlay-content {
    position: absolute;
}

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