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

Question

我在旧版iPad上没有显示的某些元素存在一些问题。我认为所有这些问题都是第一代iPad所独有的，因为它在新一代/台式机上应该显示出来。我修了几个，主要涉及vh元素和视差类。

我遇到的问题如下：

1 - 使用导航栏，打开时不显示链接。我不确定这是否是iPad如何读取JavaScript的问题，因为它在所有其他设备上运行得非常好。

2 - 我在主页和联系页面上也有谷歌地图iFrame，这根本不显示，只是一个空白区域。

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

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

这是该网站的链接：www.bodytone.ca我理解代码现在有点混乱，我仍然需要完成所有操作并修复它。

Answer 1

我一直在看3号，我认为由于ipad 1的最大图像尺寸限制，图像没有显示。

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

试着看着1号，看起来它们也无法在ipad 2上运行，我一直在浏览browserstack。我不知道，但我想知道是否要改变

.overlay-content {
    position: absolute;
}

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