在其他版本的手机上显示是正常的

如图：

应该是这样显示的

但是在iPhoneX上显示的却是这样的

如图：

在开发者平台上是正常的但是在真机上就变成这样了

代码如下：

.Llb {

width: 200rpx;

height: 120rpx;

position: absolute;

right: 122rpx;

bottom: 125rpx;

animation: myfirst 1s ease infinite;

-moz-animation: myfirst 1s ease infinite; /* Firefox */

-webkit-animation: myfirst 1s ease infinite; /* Safari 和 Chrome */

-o-animation: myfirst 1s ease infinite; /* Opera */

}

@keyframes myfirst {

0% {

bottom: 125rpx;

}

50% {

bottom: 130rpx;

}

100% {

bottom: 125rpx;

}

}

以上是统一的代码；

针对IphoneX写了一套媒体查询

代码如下：

@media screen and (min-height:800px) {

.Llb {

bottom: 288rpx;

}

@keyframes myfirst {

0% {

bottom: 288rpx;

}

50% {

bottom: 280rpx;

}

100% {

bottom: 288rpx;

}

}

}

求解