FED

©FrontEndDev.org
2015 - 2024
web@2.23.0 api@2.21.1

手机端高度自适应问题

  1. 假定设计出的psd宽高为320x560
  2. 需要在手机端显示,且不能出纵向滚动条,你可以考虑成fullpage的页面
  3. 不同手机的高度不同,例如iphone4,5,5c,6,6p等等,

问题来了560px的设计,各元素高度和间距很重要,要不就很难看,例如280,560,1120都很好看,

但是非560倍数就比较难看,需要手动调整各元素高度和间距,

但是用媒体查询只能适配部分手机,对于海量手机何解?

用rem布局可以很好的适配宽度,但是高度就不行了。