1.6.1 作品创建前必读:手机屏幕适配方法


 
本节视频教程请点击此处。

 打开一个H5作品,点击操作页面上方“文件”→“文档信息”,弹出“文档信息选项”对话框。在对话框的“自适应”中,可自由选择不同适应方式。

1.3-1_.png

图1.3-1

注:由于设备尺寸千差万别,因此Mugeda设置了不同的适配方式,默认以及目前最流行的适配方式是“宽度适配,垂直居中”,出于某种考虑也可选择“包含”“覆盖”等其他适配方式。

选择“宽度适配,垂直居中”适配方式,点击“确认”,点击保存。点击“通过二维码共享”按钮,用手机扫描生成的二维码观看手机适配效果。观看效果时,你会发现,不管手机屏幕大小如何,此H5作品在手机上都是全屏的,上下左右不存在留白或留黑的情况。

1.3-2_.png

图1.3-2

回到“文档信息选项”对话框中,将“自适应”适配方式改为“高度适配,水平居中” 

1.3-3_.png

图1.3-3

点击保存,点击“通过二维码共享”按钮,用手机扫描生成的二维码观看手机适配效果。(注:此时,若手机屏幕高度较低,在手机左右两边就会出现黑色的条,这是适配不当的原因。)

1.3-4_.png

图1.3-4

 

2 个评论

确实是没有百边 但是图片就没有完全显示出来了
舞台有视频 且需要占满整个屏幕,加入按钮,在电脑上能显示,但在手机上有时候显示不出来?求解

要回复文章请先登录注册