uniapp安卓设备h5页面键盘弹出,页面样式上跳问题——解决笔记


uniapp安卓设备h5页面键盘弹出,页面样式上跳问题——解决笔记

遇到的问题:
使用uniapp写了一个登录页面,当钉钉通过链接进入h5页面后,安卓设备在聚焦输入框时样式就会出现问题,但是奇怪的是苹果设备在钉钉和微信中都没有发现这个问题,安卓在微信中也没有发现这个问题。

 

 

 解决问题:
这个也没有什么解决的逻辑,就是挺郁闷的哈哈哈,就单单安卓设备在钉钉上直接打开链接看到了这个样式问题,最后找到了这个问题原因,二话不说直接贴码对比一下
会出现这个问题的代码:

<template>

<view class="login-view"> ... </view>

</template>

<style>

.login-view { display: flex; // 就是因为在根view中加了flex布局 }

</style>

改正后的代码:

<template>
<view class="login-view">
<view class="login-view-con">
...
</view>
</view>
</template>
<style>
.login-view-con {
display: flex;
}
</style>

建议:
最好不要在根view中加一些样式


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM