关于小程序Input的高度问题

背景:采用taro开发小程序中,需要开发一个可以➕,➖,也可手动输入的计数器,如图所示

      

问题:Image和Input所给的height和border都是40px、1px,但在各个机型下Input都比Image的高度高一点,如图所示

解决过程:刚开始猜想是否是小程序中图片比实际像素小了2px,将图片高度增大,肉眼看起来在一下屏幕较大的手机上确实变得对齐了,但是在屏幕较小的手机上又回到了之前的样子,此时将Input的高度增加发现是能增加的,高度减小确不能实现,此时猜想Input组件是否有默认最小高度,于是把min-height设置成0,height设置成40px,问题得以解决。

结论:由于小程序中Input有默认的最小高度,所以在设计所给Input的高度小于它的默认高度时,需要同时设置Input的min-height和height。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值