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

上述描述和推荐的设计方法适用于宽度适配,垂直居中的页面。如果处于某种考虑,想采用其它适配方式,可以选择:

1. 高度适配

2. 包含

3. 覆盖

4. 全屏

你可以在菜单”文件/文档信息“中设置自适应模式:

Mugeda HTML5技术教程关于动画在手机中的屏幕适配

 虽然我们提供了充分的选择,但是我们一般推荐用宽度适配,垂直居中的适配方式。