;

白小萌】提问: 3.0版,如何做设备的自适应

没有找到设备工具,要怎样适应不同长度的手机?


3 个回答

may

在3.0版本中,适应不同的移动设备,有以下几种方法:


image.png


以下是几种方法的详细说明:

设备:http://help.ih5.cn/question/570.html  (补充:iphonex苹果10的适配尺寸是640*1236)

横幅:http://help.ih5.cn/question/739.html 

相对定位容器: 见楼下回答,相对定位容器的基础教学:http://www.ih5.cn/teach/videos/3336319 

画布,需要特殊的方法来适应:http://help.ih5.cn/question/560.html 


另外,强烈推荐录老师的免费案例自适应课程:

09DDAD15E9108A245809F49150B068B8.png




13926168710

作品二维码和链接:

image.png

http://www.ih5.cn/editor3/app/workCopy/5537481

13926168710

如何在3.0工具自适应

1首先可以在舞台下建立一个长宽是100%相对定位容器。上下分部选择居中

并且在背景图片上传背景图

image.png


2在相对定位容器之下建立绝对定位容器,设置绝对定位容器宽高分别为640px800px

image.png

3.在绝对定位容器之下添加对应的输入框,提交按钮和提交完成等图片。

 image.png

自适应完成。


   原理:因为由于相对定位容器设置框高是100%100%所以相对定位容器的背景图会自适应不同手机的宽高,另外由于上下对齐选择居中,所以相对定位容器下绝对定位容器就在舞台居中位置,相当于自适应内容到舞台中间


学习地图