手机屏幕适配方法

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

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

选择“宽度适配,垂直居中”适配方式,保存后用手机观看手机适配效果,你会发现,不管手机屏幕大小如何,此H5作品在手机上都是全屏的,上下左右不存在留白或留黑的情况。

若将“自适应”适配方式改为“高度适配,水平居中” 。

点击保存,用手机观看适配效果。发现此时若手机屏幕高度较低,在手机左右两边就会出现黑色的条,这是适配不当的原因。

观看本节视频教程:
http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03dc