问题记录,uniapp 微信小程序 唤起键盘后,会导致input内容错位

259 阅读1分钟

uniapp 微信小程序 唤起键盘后,会导致input内容错位

解决方法

<template>
   <view class="content">
        <view>
            <input type="number" />
        </view>
           <view>
            <input type="number" />
        </view>
           <view>
            <input type="number" />
        </view>
           <view>
            <input type="number" />
        </view>
           <view>
            <input type="number" />
        </view>
   </view>
</template>

类似这样

解决方案

给最外层类添加css属性

position: absolute;
border: 1px solid rgba(0, 0, 0, 0);

绝对定位是网上查的,但是不管用,后来我又加了border就不出问题,这里做个记录