🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 手机屏幕适配方法 打开一个H5作品,点击操作页面上方“文件”→“文档信息”,弹出“文档信息选项”对话框。在对话框的“自适应”中,可自由选择不同适应方式。 ![](https://box.kancloud.cn/ffce075adbcc639864971d4848b8ec70_800x435.png) > 注:由于设备尺寸千差万别,因此Mugeda设置了不同的适配方式,默认以及目前最流行的适配方式是“宽度适配,垂直居中”,出于某种考虑也可选择“包含”“覆盖”等其他适配方式。 选择“宽度适配,垂直居中”适配方式,保存后用手机观看手机适配效果,你会发现,不管手机屏幕大小如何,此H5作品在手机上都是全屏的,上下左右不存在留白或留黑的情况。 若将“自适应”适配方式改为“高度适配,水平居中” 。 ![](https://box.kancloud.cn/59bb221927660a8f60ed90621cedae69_800x461.png) 点击保存,用手机观看适配效果。发现此时若手机屏幕高度较低,在手机左右两边就会出现黑色的条,这是适配不当的原因。 观看本节视频教程: http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03dc