Question

我有一个使用动画旋转的图像。该图像在桌面和一些移动设备上完美运行。但是，在某些设备上，图像不显示。我确保HTML已经过验证，CSS工作正常。可能还有其他原因吗？

＆＃13;

#test {
  max-width: 100%;
  max-height: 100%;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

@-moz-keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

@-o-keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

＆＃13;

<div class="main">
  <img src="http://placehold.it/100x100" alt="TESTING" id="test">
</div>

＆＃13;

图像没有出现在某些移动浏览器上？

0 个答案: