适应iphone5、iphone6、iphone6P,只需设置html字体大小来调节各尺寸
html{font-size: 50px;}
@media screen and (max-width: 320px) {html{font-size: 42px}
}
@media screen and (min-width:321px) and (max-width:375px) {
html{font-size: 50px}
}
@media screen and (min-width:376px) and (max-width:414px) {
html{font-size: 55px}
}
@media screen and (min-width:415px){
html{font-size: 55px}
}
页面布局单位使用rem即可
如以html{font-size:50px}为例 font-size:16px ===》 font-size:.32rem 换算关系50*0.32=16