在原生IOs (iphone)上面临奇怪的CSS问题



希望有人能帮助我:只有在本地设备上,我的图标(DOT-lottie-files)的所有边缘都被切断了。看起来像这样:本机iPhone

然而,如果我在iPhone或chrome-developer-tools中的任何其他IOs设备上显示我的站点,那么它看起来就像它应该的那样。我所有的安卓系统都是如此。这里你可以看到一个例子:iPhone with dev-tools

所以我假设我必须改变我的CSS?现在我放置了这一行CSS来让图标居中:

style="width: 120px; margin-left: auto; margin-right: auto;"

也许我需要提一下,也有一些引导。整个街区看起来是这样的:如何放置内联CSS:

但是我觉得一定有一些其他的CSS来解决这个问题。谁能帮我看看这个吗?这快把我逼疯了!

网址:https://monzy.app/

我已经在两台iphone和一台iPad(都是原生的)上重现了这个问题。在Android和开发者工具中,它看起来很正常。我试着改变CSS的宽度,并添加了一些填充,但没有得到我需要的

亲切的问候和感谢您的任何帮助!

同时发现了。这不是CSS的问题,只是因为Lottie功能(由After Effects创建)在iOS上是有限的。当我去掉高斯模糊后,问题也消失了。因此,如果有人面临类似的问题,可能与缺少功能有关。在这里,您可以检查所有设备的Lottie功能:链接到Lottie支持的功能

图标1没有模糊