H5页面的乱弹

关于像素

布局使用的px是css像素，不指设备像素。

关于屏幕分辨率(设备像素)

设备分辨率和清晰度有关系。

关于窗口大小(CSS像素)

获取window.innerHTML的高度，或者document.body

关于图像大小

屏幕分辨率和图像的清晰度有关系,分辨率越大肉眼看的越清楚。
图像大小是指直线上的像素点数据统计

关于字体大小

通常我们使用的是px，这个是固定(或者绝对值)的。
rem、em这种单位都是相对值，需要有一个固定值被它参考(相对)使用.

关于页面布局

百分比布局，整体都进行缩放，不同设备宽高比是不一样的，页面会被拉伸或者变窄，对于页面上元素单一可以使用（配合viewport的scale缩放）。
高度固定，宽度自适应，也会出现伸缩问题。
宽高都固定，整体size随着页面的变化不增减，上下左右垂直浮动，这样会产生一个背景(不设定则是白边)。
终极疯法：对所有设备都使用计算方法，全部动态计算。

关于64px

由于系统控件的默认高度，所以页面在webview(比如微信)加载时候高度不是从顶部开始计算的，页面需要减去这个值。