Fatal编程技术网

Sencha touch 简单站点顶部的空间

sencha-touch sencha-touch-2

Sencha touch 简单站点顶部的空间,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我从中尝试了一个简单的hello world示例，并在浏览器中运行它。看起来不错。。。但是在两台安卓设备上，我在网站顶部留了一些空间，这样第一行就不会显示了。。。发生了什么事 一定有三个世界。。。但是第一个在标题栏后面丢了。。我检查了它的一个简单的按钮和相同的效果，按钮将显示为一半 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello W

我从中尝试了一个简单的hello world示例，并在浏览器中运行它。看起来不错。。。但是在两台安卓设备上，我在网站顶部留了一些空间，这样第一行就不会显示了。。。发生了什么事

一定有三个世界。。。但是第一个在标题栏后面丢了。。我检查了它的一个简单的按钮和相同的效果，按钮将显示为一半

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


你好，世界
外部应用程序({
启动：函数（）{
Ext.create（'Ext.Panel'{
全屏：对，
html:“你好，世界！
你好，世界2
你好，世界3”
});
}
});

有时某些浏览器无法显示全屏页面。尝试添加以下内容：

viewport: {
    autoMaximize: true
}
在启动方法之前，将其复制到Ext.Application对象。但是请仔细阅读Sencha在

上关于此设置的警告，我从android清单上的应用程序标记中删除了主题，现在它可以工作了。似乎是安卓的问题

android:allowBackup=“true” android:icon=“@drawable/icon” android:label=“@string/app\u name” android:theme=“@style/AppTheme” android:hardwareAccelerated=“true” >
感谢您的回复，但viewport的附加css没有帮助。我不明白为什么这会发生在两台android设备（4.3和2.3.6）上，没有人会出现同样的故障。这是来自sencha的hello world示例。。。因此，如果存在错误，任何人都必须在过去修复它 
    android:allowBackup="true"

    android:icon="@drawable/icon"

    android:label="@string/app_name"

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

    android:hardwareAccelerated="true"

    >