css3 animation-fill-mode 对布局的影响

问题描述：在小米手机上，animation-fill-mode设置为 both时，在手机上的web页面会超出屏幕宽度，出现滚动条。

解决方法：animation-fill-mode设为none。

.page
 position: absolute
  100%
 opacity: 0

<div id="page1" class="page hide">
  </div>
<div id="page2" class="invite-record page fadeInRight animated show">

  </div>