0
点赞
收藏
分享

微信扫一扫

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

芥子书屋 2022-04-03 阅读 81

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

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

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

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

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

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

 

举报

相关推荐

0 条评论