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