PhoneGap/JQuery Mobile - 當鍵盤可見時頁面風格突破

我有一個使用Phonegap和JQuery Mobile構建的應用程序。每當軟鍵盤顯示 - 在表單輸入等 - 整個頁面調整大小。圖像，按鈕和文本。我在假設什麼是打破CSS的東西？PhoneGap/JQuery Mobile - 當鍵盤可見時頁面風格突破

任何人都有這個問題，或者知道它爲什麼可能會發生？我不得不重新啓動應用程序來重置佈局。

任何想法讚賞！

謝謝！

來源

2011-07-18 logic-unit

沒有想法？任何人？ –

也有同樣的問題！ – byJeevan

我有類似的問題，但在Iphone的任何想法呢？ – 2015-10-06 13:01:04

我找到了答案在這裏：

http://solutions.michaelbrooks.ca/2011/07/05/android-soft-keyboard-resizes-web-view/

http://comments.gmane.org/gmane.comp.handhelds.phonegap/10207

加入的組合：

android:windowSoftInputMode="adjustPan"

到AndroidManifest.xml中

和<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

to index.html，爲我做了這份工作。

希望這可以幫助別人。

來源

2011-07-29 18:52:20

我一直在嘗試修復它大約兩天。你的解決方案有效非常感謝。 – noname

Phonegap Build應用程序如何？那裏沒有AndroidManifest.xml？ – byJeevan

@jeekonline這個答案是在Phonegap Build存在之前編寫的 - 不知道如何處理。希望別人能夠在那裏接受答案？ –

我對這個問題的一個行之有效的解決方案，我也面臨着同樣的問題，但我解決它自己。首先在body中創建一個字段並隱藏它，或者你可以使用z-index將它隱藏在div的後面，以便它不可見。

<script> 
$(document).ready(function() { 
document.getElementById('example').value=''; 
}); 
</script> 
    <body> 
    <div style='z-index:50;position:absolute;height:100%;width:100%;'> 
    Your page matter here</div> 
    <select id='example' style='z-index:10'> 
    <option value=''>a</option> 
    </select></pre> 
    </body>

MOTO的是，我們要設置這個選擇字段時，頁面加載，而這樣做將停止爲確保閃爍......試試吧.....傢伙，它的工作對我來說

來源

2013-09-21 10:34:02

對於PhoneGap的構建用戶，有一個在config.xml文件提供一個包裝的偏好，在

<preference name="android-windowSoftInputMode" value="stateHidden|adjustPan" />

它可以採取的值比Android原生屬性是相同的，如果您需要了解的參數和行爲的其他信息請參閱andro ID開發人員指南這裏：http://developer.android.com/guide/topics/manifest/activity-element.html#wsoft

我測試了使用的PhoneGap構建3.3.0和jQuery Mobile和對我工作得很好，希望它幫助。

來源

2014-07-04 22:15:51

PhoneGap/JQuery Mobile - 當鍵盤可見時頁面風格突破

回答

相關問題