input框行高在安卓和IOS的问题

行高在不同的手机下还是有不同的区别,特别是ios就很容易体现出来,给了height属性之后,这时我们设置行高可以比高度大一点点,如:height: .45rem ; line-height: .5rem;(具体给多少要结合自己实际的情况),要是安卓有问题的话,我们可以给下面这段代码监听:

判断是ios还是安卓:
  var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

if(isAndroid){

//添加你需要针对修改的样式,IOS同理

}

在平时开发中,有时候就是会遇到安卓和IOS同样的样式显示的效果就是差点,这时我们就可以用上方的代码进行相对应的代码块处理了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值