我的responsive reactjs網頁在pc和android上的google chrome上看起來是一樣的，但由于某種原因在IOS上的google chrome上看起來有所不同(加載動畫和從box-shadow生成的綠線)。

這是網站的鏈接

它在PC上的外觀(響應):

android的外觀:

它在IOS上的外觀:

這是網站的鏈接

對于微光效果，似乎IOS中有一個尚未修復的bug，它與溢出有關:隱藏和邊界無線電。解決方法是添加& quottransform:translate z(0)；"在風格上。更多信息請見github的這篇文章。

此外，我通過在頂部添加一個z索引比帶有方框陰影的元素高的元素來解決綠線問題。