移动h5自适应布局 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jul 26

移动h5自适应布局 不指定

tommyhu , 23:35 , 大前端 » HTM5 , Comments(0) , Trackbacks(0) , Reads(2411) , Via Original Large | Medium | Small
问题一,分辨率Resolution适配:
不同屏幕宽度,html元素宽高比和字体大小,元素之间的距离自适应,使用rem单位。

问题二,单位英寸像素数PPI适配:
使用rem单位,文字会发虚。段落文字,使用px单位,用media query或js来适配。标题文字可以直接使用rem单位。

问题三,设备像素比例DPR适配:
1物理像素在

显示效果不合需求。要根据devicePixelRatio来修改meta标签的scale

参考:
http://www.html-js.com/article/2402
http://isux.tencent.com/web-app-rem.html
https://github.com/amfe/lib.flexible

demo如下:

▲返回顶部

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot