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

這是網(wǎng)站的鏈接

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

android的外觀:

它在IOS上的外觀:

這是網(wǎng)站的鏈接

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

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