首页 > 代码库 > css3 animation-fill-mode 对布局的影响

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

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

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

.page
 position: absolute
 width: 100%
 opacity: 0
<div id="page1" class="page hide">
  </div>
<div id="page2" class="invite-record page fadeInRight animated show">

  </div>

 

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