h5移動(dòng)端頁(yè)面鍵盤彈出后背景圖片被擠上去

h5移動(dòng)端頁(yè)面鍵盤彈出后,body的高度變了,就導(dǎo)致原本高度100%的背景圖下面缺了一截,需要把div的高度強(qiáng)行設(shè)回100%才能解決這個(gè)問(wèn)題

<div class="app" :style="{ height: bodyHeight + 'px' }"></div>

mounted(){
 this.bodyHeight=document.documentElement.clientHeight
}

把a(bǔ)pp的高度強(qiáng)行設(shè)置為html原本的100%,就行了。
以上內(nèi)容是借鑒其他大神的

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,950評(píng)論 2 59
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,922評(píng)論 25 709
  • 文|簡(jiǎn)小安 小狼大中午不睡覺(jué),跑來(lái)我們房間要聊天兒。 聊啥呢?受委屈了。 還不只是他一人,是說(shuō)男生們都受委屈,因...
    小安字話閱讀 610評(píng)論 0 1
  • 技能素質(zhì)能力 閱讀總結(jié)框架導(dǎo)圖記憶書評(píng)產(chǎn)品時(shí)間設(shè)定 語(yǔ)言28定律聯(lián)系導(dǎo)圖理解語(yǔ)法英語(yǔ)日語(yǔ)方言產(chǎn)品時(shí)間設(shè)定 資格羅列...
    010ed0d5a362閱讀 99評(píng)論 0 0
  • 晚九點(diǎn)的大學(xué)校園里顯得很靜謐,脫去了白天里的熱鬧與嘈雜,一個(gè)人騎著自行車,慢悠悠的感受著身邊這份安靜,仿佛這個(gè)時(shí)候...
    北木南熙閱讀 578評(píng)論 0 1

友情鏈接更多精彩內(nèi)容