Question

当我尝试在Android上运行我的项目时，页面只显示我制作的屏幕的一部分。我尝试了许多不同的东西，但似乎没有用。我希望有人可以帮我解决这个问题。

CSS：

body {
  -webkit-touch-callout: none;              
  -webkit-text-size-adjust: none;             
  -webkit-user-select: none;
  background: #375D82;
  background-attachment:fixed;
  font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  width:100%;
  height:100%;
  overflow: hidden;
}

.app{
}

#profilepage {
  position:absolute;
  top:120px;
  left:0px;
  border-style:solid; 
  border-width:medium solid white;
  border-color:FFFBFB;
  margin: 8px; 
  padding: 8px;
  width:1235px;
  height:600px;
  color:white;
}

#info {
  position:absolute;
  left:300px;
  top:80px;
}

#menu-button {
  position:absolute;
  top:25px;
  color:white;
}

#pagetitle h1 {
  position:absolute;
  left:500px;
  color:white;
}

#menuknop {
  position:absolute;
  left:200px;
  top:800px;
}

#editprofileknop {
  position:absolute;
  left:800px;
  top:800px;
}

#photo {
  position:absolute;
  left:700px;
  top:150px;
}

HTML：

    <head>
        <title> profilepage </title>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
         <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <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" />
        <link rel="stylesheet" type="text/css" href="css/profilePage.css">
    </head> 
        <body>
            <div class="app">
                <div id="deviceready">
                    <img id="menu-button" src="img/menu-button.png" height="50px"/>
                    <div id="pagetitle">
                    <h1> <strong>Profile page</strong> </h1>
                    </title>


                    <div id="profilepage">
                      <div id="Info">
                        <p>
                                <strong>ID:</strong>
                           <span id = "userid"> </span>


                            <p>
                                <strong>Full Name:</strong>
                                <span id = "fullname"></span>
                          </p>
                            <p>
                                <strong>Gender:</strong>
                                <span id = "Gender" ></span>
                          </p>
                            <p>
                                <strong>Age:</strong>
                                <span id = "Age"></span>
                          </p>
                            <p>
                                <strong>Specialization:</strong>
                                <span id = "Specialisatie"></span>
                            </p>
                            <p>
                                <strong>Branch:</strong>
                                <span id = "branch"></span>
                            </p>
                            <p> 
                            <strong>Interests:</strong>
                            <span id = "Interesse">  </span>
                            </p>
                            <p>  
                            <strong>E-mail:</strong>
                            <span id = "mail"> </span>
                            </p>
                            </div>
                            <div id="Photo"><img name="profilepic" id="image" src="img/logo.png" width="250" height="250" alt="" /></div>
                            </div>
                        </div>


                        <div id="buttons">
                        <img id="menuknop" src="img/menu knop.png" height="50px"/>
                        <img id="editprofileknop" src="img/edit profile.png" height="50px"/>
                        </div>
                 </div>
            </div>


        </body>
</html>

Phonegap扩展在Android中无法工作

0 个答案: