这种状况和你用的什么宽带没有关系。
一般来说，使因为你的网络带宽不足引起的，比如现在在青岛有一个宽带叫做
青岛有线宽带，据说这个宽带租借了网通宽带的100M（也有可能是10M）带宽
，也就是说，全青岛市的有线宽带用户共用这100M带宽。 你可以想一下：
如果全青岛市只有10个有线宽带用户，那么每个人是10M带宽，在这种环境下
不存在一卡一卡的现象，当然，世上也没有那么好的事情。
如果全青岛市只有100个有线宽带用户，那么每个人的网络环境就和网通ADSL
一样了，但是这也是很奢侈的要求。
如果全青岛市只有1000个有线宽带用户，那么你就不用指望在网上看**了。
最后一种情况，就是阁下目前的网络环境了（兄弟和阁下一样）。
当你在使用@keyframes 动画时，如果做的动画比较复杂的话，就会发现一个问题，那就是不流畅，掉帧，可能在PC端还不是很明显，但在移动端你就会发现严重地掉帧。这是因为，如果@keyframes 改变的属性是与layout相关的话，就会触发重新布局，导致渲染和绘制的时间会更加地长。 所以，我们应该尽可能地使用不会触发重新布局的属性完成我们的动画。
触发重新布局的属性有： width, height, margin, padding, border, display, top, right, bottom ,left, position, float, overflow等。应该尽量规避使用。
不会出发重新布局的属性有：transform(其中的translate, rotate, scale), color, background等。应该尽量用这些去取代。
