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中加一些樣式