Phonegap 应用程序不会在方向更改时调整大小或崩溃答案

【问题标题】：Phonegap app does not resize or crashes on orientation changePhonegap 应用程序不会在方向更改时调整大小或崩溃
【发布时间】：2013-07-24 15:40:33
【问题描述】：

平台和工具：使用cordova 2.5.0，面向Android API 级别8-17。

我正在尝试做的事情： 有 5 张幻灯片，不过是一些用<div> 标签包裹的文本+图像。使用 jquery（不是 jqm）我调整每张幻灯片的 margin-bottom 相对于滑块窗口的高度（又是一个大的 <div>），然后垂直滑动它们。这在模拟器上就像蜂蜜一样。

不眠之夜导致感情问题的原因： 开个玩笑，应用程序要么崩溃，要么不响应设备的方向变化（不是模拟器！）。如果应用程序关闭并重新启动，则仅显示内容文本，没有 css。在这一点上，如果我改变设备的方向，比如从纵向到横向，一切都会再次看起来很完美。

我尝试过但没有用的方法：

android:screenOrientation="fullSensor"
android:configChanges="orientation|screenSize|keyboardHidden"

2)这些是媒体查询：

@media only screen and (min-device-width: 320px)

和（横向）

@media only screen and (min-width: 321px)

和元标记：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

3) 我在堆栈、谷歌群组上对此进行了“研究”，但这些问题要么没有得到解决，要么未被接受，但我也尝试了其中的一些。

请帮忙。

【问题讨论】：

为什么你没有在@media 查询中使用orientation:landscape？
哦好吧..似乎工作！

标签： android css responsive-design cordova

【解决方案1】：

你可以试试这个……

<uses-sdk
    android:minSdkVersion="8"
    android:targetSdkVersion="17" />

<supports-screens
   android:largeScreens="true"
   android:normalScreens="true"
   android:smallScreens="true"
   android:resizeable="true"
   android:anyDensity="true" />


<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme"  >
    <activity
        android:name="com.XX.XXXXX.XXXXXXXXXXXXXXXXXXXX"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
    <activity 
        android:name="org.apache.cordova.DroidGap" 
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize" > 
    </activity>

</application>

【讨论】：