我刚刚部署了我的第一个React网站，一切看起来都应该在桌面Chrome和Safari中应用，但它在我的iPhone 7上的Safari中关闭。最大的问题是文本容器（子）div也出现了在父div中很高。文本容器div是内联样式：
position: "absolute",
bottom: "10%",
transform: "translateY(-50%)",
父div的样式为position: relative。但是，子div在包含div中大致垂直居中，当它应该在父div的底部附近时。我该如何解决这个问题？
该网站是jamiew.io