因为最近要制作投入机器的落地页面，所以最好能应对与ipad不同的手机尺寸。 另外，因为对框架不熟悉，所以只能找各种百度和方法，制作不依赖于任何框架，但可以适应不同手机尺寸，最高支持1080px的h5单页
首先，要适应页面，必须尽量使用rem (相对单位)而不是px单位(绝对单位)。 简单地说，rem是根元素大小变化的相对单位。 具体请参考rem介绍http://www.of monkey.com/front/rem。 效果图如下。
1.html页面加
2.js部分
//自适应页面
var fontSize=50； var _ w=document.body.clientwidth；
控制台. log (_ w； var font=document.documentelement.clientwidth/7.5 ' px '；
document.getelementsbytagname (html ) )0).style.fontsize=font；
window.nresize=function () var _ w=document.body.clientwidth； var font=document.documentelement.clientwidth/7.5 ' px '； 获取html标记
document.getelementsbytagname (html ) )0).style.fontsize=font；
}
3 .此页面的基准值为100，因此尺寸等于设计稿除以100。 例如，如果设计文稿的宽度为100px(width:100px )，则rem应该为0.01 rem (width 33600.01 rem )。
字体、边距和填充以rem为单位，图像使用100%，如果遇到其他宽度相关的地方，可以使用百分比而不是px。 代码示例如下所示。
#container .banner img{
width:100%；
显示： block；
}
#container .content{
填充：0 0.25 rem 1.4 rem；
后台： # F3 f2fb；
}
#container .content .caption{
字体大小： 0.39 rem；
字体权重： bold；
padding:0.49rem 0 0.43rem；
}
以上，如有错误之处，欢迎指正。 有更优化和简化的方法。 欢迎评论区的补充哦。 大家一起学习，一起进步。