微信小程序学习笔记一：由margin而产生的高度计算不准确问题

公司业务需要折腾了一阵子小程序，边看边学边做，感觉还可以，不是太难。

今天遇到一个怪事，手机模拟器里，计算出来的高度和手机预览时的高度效果不一样，以为是分辨率的事，结果换其他分辨率也一样。

折腾了很久，才搞明白，其实问题很简单，是因为我用于计算高度的那些view组件设置了margin边距！！！

所以在计算高度时，误差就由这些margin而产生了，这导致手机预览和模拟器中的效果不一致。

解决方法也很简单，最外层的view只设置高度，不设置margin这类样式，然后在里层的view上面设置margin等样式，问题完美解决。

另外据说父、子组件中设置的 box-sizing:border-box; 样式，也有可能导致产生误差，如果要加就都加上，要么就都不要加。