0

我从http://www.sencha.com/learn/hello-world/尝试了一个简单的 hello world 示例并在浏览器中运行它。看起来不错...但是在两个 Android 设备上，我在网站顶部获得了一些空间，因此第一行不会显示...发生了什么？

肯定有三个Hello Worlds...但是第一个丢失在标题栏后面..我检查了一个简单的按钮，效果相同，按钮将显示为一半。

<!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: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
}

在启动方法之前添加到您的 Ext.Application 对象。但请仔细阅读http://docs.sencha.com/touch/2.2.1/#!/api/Ext.Viewport-cfg-autoMaximize上有关此设置的 Sencha 警告

于 2013-09-14T09:46:02.397 回答