带有 Bootstrap 5 的 iPhone 上的网站响应问题

Question

我正在处理的网站的响应速度存在问题，尤其是在 iPhone 上。该网站是使用 Bootstrap 5 构建的，在 Android 手机和 Chrome Dev Tools 中似乎都能正常运行。然而，当我在 iPhone 上测试时，某些元素无法正常显示。

为了提供问题的直观表示，请在下面找到说明问题的几个屏幕截图：

安卓	苹果手机

问题似乎与网站的布局和组件在 iPhone 上的呈现方式有关。元素未正确对齐，整体布局出现扭曲。在 Android 设备上或使用 Chrome Dev Tools 模拟不同的移动设备时不会观察到此行为。

如果您想自己查看网站，这是页面：https://sbriser.com/universo/personaggi/Sbriser

我已经尝试了一些故障排除步骤，如下所示：

确保我在 HTML 部分使用视口元标记：

html

尽管进行了这些尝试，响应问题仍然存在于 iPhone 上。我怀疑我可能忽略了一些 CSS 冲突或特定的 iPhone 相关样式。

如果有人遇到过类似的问题，或者对 Bootstrap 5 和响应式网页设计有专业知识，我将非常感谢您的指导和帮助。是否有任何额外的 CSS 规则或 JavaScript 调整可以帮助确保 iPhone 的正确响应？

提前感谢您的时间和专业知识。