结论:用户体验要求很高的页面,如UV较高的页面,活动页这些应该以用户体验优先,应用flexiable方案在其它页面,固定视口,不缩放,使用rem做布局适配,js添加屏幕标识以便调整字体大小(即布局使用rem,字体使用百分比),使用@2x图片,只做ios8+的1px处理面临的问题: ...
结论:
- 用户体验要求很高的页面,如UV较高的页面,活动页这些应该以用户体验优先,应用flexiable方案
- 在其它页面,固定视口,不缩放,使用rem做布局适配,js添加屏幕标识以便调整字体大小(即布局使用rem,字体使用百分比),使用@2x图片,只做ios8+的1px处理
面临的问题:
在不同大小和高清的屏幕下:
- 如何保证 界面布局 一致性:不错乱,不变形
- 如何保证 字体大小 一致性:大屏显示更大,小屏显示更小或更多
- 如何保证 1px边框 一致性:不同的高清屏也在正常显示1px的高度大小
- 如何保证 图片清晰度 一致性:不同大小和高清屏下都能看到清晰的图片
如果把这几个问题按重要程度排序的话,我想应该是这样的:
原标题:移动端高清屏适配方案
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。