H5页面的乱弹

<h2>关于像素</h2>
布局使用的px是css像素，不指设备像素。
<h2 >关于屏幕分辨率(设备像素)</h2>
设备分辨率和清晰度有关系。
<h2 >关于窗口大小(CSS像素)</h2>
<p>获取window.innerHTML的高度，或者document.body</p>
<h2>关于图像大小</h2>
屏幕分辨率和图像的清晰度有关系,分辨率越大肉眼看的越清楚。
图像大小是指直线上的像素点数据统计
<h2 >关于字体大小</h2>
通常我们使用的是px，这个是固定(或者绝对值)的。
rem、em这种单位都是相对值，需要有一个固定值被它参考(相对)使用.
<h2 >关于页面布局</h2>
百分比布局，整体都进行缩放，不同设备宽高比是不一样的，页面会被拉伸或者变窄，对于页面上元素单一可以使用（配合viewport的scale缩放）。
高度固定，宽度自适应，也会出现伸缩问题。
宽高都固定，整体size随着页面的变化不增减，上下左右垂直浮动，这样会产生一个背景(不设定则是白边)。
终极疯法：对所有设备都使用计算方法，全部动态计算。
<h2>关于64px</h2>
由于系统控件的默认高度，所以页面在webview(比如微信)加载时候高度不是从顶部开始计算的，页面需要减去这个值。