背景:采用taro开发小程序中,需要开发一个可以➕,➖,也可手动输入的计数器,如图所示
问题:Image和Input所给的height和border都是40px、1px,但在各个机型下Input都比Image的高度高一点,如图所示
解决过程:刚开始猜想是否是小程序中图片比实际像素小了2px,将图片高度增大,肉眼看起来在一下屏幕较大的手机上确实变得对齐了,但是在屏幕较小的手机上又回到了之前的样子,此时将Input的高度增加发现是能增加的,高度减小确不能实现,此时猜想Input组件是否有默认最小高度,于是把min-height设置成0,height设置成40px,问题得以解决。
结论:由于小程序中Input有默认的最小高度,所以在设计所给Input的高度小于它的默认高度时,需要同时设置Input的min-height和height。