0

http://www.sencha.com/learn/hello-world/から簡単な Hello World の例を試し、ブラウザで実行しました。問題ないように見えます...しかし、2つのAndroidデバイスでは、サイトの上部にスペースを確保して、最初の行が表示されないようにしています.何が起こったのですか?

3 つの Hello World があるはずです...しかし、最初の 1 つはタイトルバーの後ろに失われています..単純なボタンと同じ効果をチェックしました。ボタンは半分として表示されます。

<!DOCTYPE html> <html> 
<head> 
    <meta charset="utf-8"> 
    <title>Hello World</title> 

    <script type="text/javascript" charset="utf-8" src="st2/sencha-touch-all-debug.js"></script>
    <link id="0" type="text/css" rel="stylesheet" href="st2/resources/css/sencha-touch.css" /> 

    <script type="text/javascript"> 

        Ext.application({
            launch: function () {
                Ext.create('Ext.Panel', {
                    fullscreen: true,
                    html: 'Hello World!<br/>Hello WOrld2<br/>Hello WOrld 3'
                });
            }
        });

    </script> 

</head> 
<body></body>

スクリーンショット

4

2 に答える 2

1

Android マニフェストのアプリケーション タグからテーマを削除したところ、動作するようになりました。Androidの問題のようです..

    android:allowBackup="true"

    android:icon="@drawable/icon"

    android:label="@string/app_name"

    android:theme="@style/AppTheme" <!-- Removed this line -->

    android:hardwareAccelerated="true"

    >
于 2013-09-16T06:33:34.813 に答える
0

一部のブラウザでは、フルスクリーン ページの表示に問題がある場合があります。これを追加してみてください：

viewport: {
    autoMaximize: true
}

launch メソッドの前に Ext.Application オブジェクトに追加します。ただし、 http://docs.sencha.com/touch/2.2.1/#!/api/Ext.Viewport-cfg-autoMaximizeにある、この設定に関する Sencha の警告をよく読んでください。

于 2013-09-14T09:46:02.397 に答える