canvas教程

HTML5技术教程 动画在手机中屏幕适配

字号+ 作者:H5之家 来源:H5之家 2017-11-10 15:01 我要评论( )

由于设备尺寸千差万别,Mugeda使用不同的屏幕适配方式,默认的适配方式是宽度适配,垂直居中。这个是最流行的适配方式,这种适配方式,可能会导致内容在某些设备

HTML5技术教程 动画在手机中屏幕适配

出处:Mugede(木疙瘩)时间:2015-11-24

HTML5动画云平台:

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

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

1. 高度适配

2. 包含

3. 覆盖

4. 全屏

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

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


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5技术教程:创建新作品

    HTML5技术教程:创建新作品

    2017-08-18 17:00

  • HTML5技术教程 如何使用木疙瘩平台命名帧

    HTML5技术教程 如何使用木疙瘩平台命名帧

    2017-07-26 16:00

  • [A42]兄弟连HTML5视频教程[共31课时] 下载

    [A42]兄弟连HTML5视频教程[共31课时] 下载

    2017-07-14 16:00

  • 妙味课堂HTML5视频教程——canvas基础3.zip

    妙味课堂HTML5视频教程——canvas基础3.zip

    2017-07-04 18:05

网友点评