如何使动画在手机中屏幕适配

      在手机的市场中，HTML5已经占据着大部分的市场了，当HTML5规范开发完成时，将成为主流。据统计2013年全球将有10亿手机浏览器支HTML5，同时HTMLWeb开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。据IDC的调查报告统计，截至2012年5月，有79%的移动开发商已经决定要在其应有程序中整合HTML5技术。有很多的文章都在号召使用HTML5，并大力宣传它的的好处。此前，站长之家曾经做过一期调查，调查显示只有36.16%的站长正在学习中，另外的63.76%表示正在观望中。作为站长，你是否准备开始学习HTML5？从性能角度来说，HTML5首先是缩减了HTML文档，使这件事情变得更简单。第一，从用户可读性上说，原先一大堆东西，像初学者第一次看到这些东西是看不懂的，而HTML5的声明方式对用户来说显然更友好一些。所以我们靠科技教育是非常重视HTML5的，至此，我们课课家教育将为大家带来的是：HTML5技术教程动画在手机中屏幕适配，其实这个我们可以自己去设置的，所以如果你遇到自己喜欢的动画，就不要放弃，努力去把动画按照手机的尺寸去调整，然后放在手机里，这才是喜欢的道理。

　　其实由于设备尺寸千差万别，而Mugeda使用不同的屏幕适配方式，而且默认的适配方式是宽度适配，垂直居中。可能这个是最流行的适配方式，这种适配方式，不过可能会导致内容在某些设备上出现图片被揭掉的情况，这个是很正常的。因此，一般推荐的做法是，采用320宽度的内容，高度依照最长的设备设计，而且这样的内容一般大小320x520（注意素材需要双倍精度以保证质量，例如你的舞台是320x520，素材处理成640X1040）。然后在设计时，考虑到上下可能会被截掉，需要预留出一定的安全空间。在安全空间内，不要放置重要的设计元素。

　　如果上述描述和推荐的设计方法仅仅是适用于宽度适配，垂直居中的页面。

　　但是我们如果处于某种考虑，而想采用其它适配方式，我们就可以选择（这个教程就是教你如何设置合适的尺寸）：

　　步骤1：调整高度适配（高度我们可以设定为你手机屏幕的高度）。

　　步骤2：包含的内容和动画。

　　步骤3：覆盖的内容，这里我们一定要覆盖到全部内容，不要漏了。

　　步骤4：全屏尝试一下，是否适合，如果不适合，我们可以继续重复以上的步骤，继续来设定。

　　步骤5：然后我们可以在菜单”文件/文档信息“中设置自适应模式：

　　虽然我们提供了充分的选择，但是我们一般推荐用宽度适配，垂直居中的适配方式，因为这个已经适合大部分手机了，如果真的是不适合你的手机，或者你的手机是ipad的话，那么这个教程正好合适你。最后谢谢大家的支持。

　　小编结语：相信大家看完这个教程之后，都会觉得挺简单吧，调整合适的尺寸对于爱好手机壁画的朋友来说，这可是很重要的，一张漂亮的壁画或动画在手机屏幕上，顿时就觉得自己的性格突出了，哈哈。如果你有兴趣，你也可以自己设置一个尝试一下的，最重要的是千万不要粗心而忘记了其中的步骤。最后感谢大家支持我们课课家教育，如果大家还想了解更多更精彩的教程，那么欢迎继续关注我们课课家教育，我们将为大家带来更多更精彩的教育咨询。