TailwindCSS Phone 断点溢出-x 问题

Question

我使用 TailwindCSS 的项目之一出现问题。
该页面在台式机、平板电脑和一些手机上看起来不错，但对于其中一些，网站有一个水平滚动条。
此问题仅在 iOS (iPhone 11 Pro) 上的 Google Chrome 上发生。

• 在 iPhone 5 上一切正常；没有水平滚动条。
• 在 Safari 上，网站在所有设备（移动设备、平板电脑、 桌面）。

我做错了什么，因为我不知道发生了什么。

问题可以找到here

P.S.：我在 body 上添加了 overflow-x-hidden 以防止滚动条，但没有用。

谢谢！

Answer 1

好的，所以我发现了问题，与我为 div 元素上的动画加载的 aos.js 库有关。在移动设备上，库创建了一个“侧面空间”，删除动画后，一切正常。

谢谢！