无法将html页面的高度设置为使用手机间隙中的jquery的屏幕大小

确切的问题是，页面超出屏幕高度，我希望禁用页面中的滚动并且希望设置页面等于屏幕的高度的高度，我的代码是无法将html页面的高度设置为使用手机间隙中的jquery的屏幕大小

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" /> 
     <title> 
     </title> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 

     <style> 
      /* App custom styles */ 

      .ui-page { background:#E3D5D4;} 
      margin-bottom:40px; 

     </style> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
     </script> 
     <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"> 
     </script> 
      <script type="text/javascript"> 
      $(function() { 
       $('#submit').click(function() { 
        window.location.href = "home.html" 
       }); 

      }); 



     </script> 
    </head> 
    <body style="margin: 0px; height:50%;width:100%;padding:0px;" scroll="no" onload='sizeContent()'> 

     <div data-role="page" id="page1" style="width:90%; 
-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; 
     background-color:#E3D9D9;border:20px solid #E71C15; position: absolute; "> 

      <div data-role="content" id="content"> 
       <div style="width:250px; height:100px; position: relative; border: 1px solid #b8b8b8;"> 
        <img src="images/new_logo.png" alt="image" style="position: absolute;" /> 
       </div> 
       <br /> 

        <div> 
        <font color="#C32E29"> 
         <b> 
          <FONT SIZE="4"> Welcome to Tune Talk</FONT> 
          <br /> 
          Mobile Self Care 
         </b> 
        </div> 
        <br /> 
        <div> 
          <label for="textinput1"> 
           User Name/NRIC 
          </label> 
          <input id="textinput1" placeholder="" value="" type="text" /> 
        </div> 

       <br /> 
       <div> 
         <label for="textinput2"> 
          Password 
         </label> 
         <input id="textinput2" placeholder="" value="" type="password" /> 

       </div> 
       <br /> 
       <br /> 

       <div class="ui-grid-a"> 
        <div class="ui-block-a"> 
         <Input type="image" id="registerbtn" src="images/registerbtn.png" 
         style="width:97px; padding:5px; border:1px solid #E3D5D4;" 
         value="Input type=image" data-role="none"/> 
         <br /> 
         <br /> 
        </div> 
        <div class="ui-block-b"> 
         <Input type="image" id="loginbtn" src="images/loginbtn.png" 
        style="width:97px; padding:5px; border:1px solid #E3D5D4;" 
         value="Input type=image" data-role="none"/> 
        </div> 
       </div> 



      </div> 
     </div> 
     <script> 
      //App custom javascript 
     </script> 
    </body> 
</html>

任何机构可以plz帮助我

来源

2012-04-11 user1177370

添加这个元标记。应该为你工作

<meta name="viewport" content="width=device-width; initial-scale=1; user-scalable=no;">

来源

2012-04-11 06:58:14 ghostCoder

不，它不工作可以üPLZ建议一些其他的东西 – user1177370 2012-04-11 08:52:05

加入user-scalable = no;不工作？ – ghostCoder 2012-04-11 09:35:47

在ios/android上使用它？ – ghostCoder 2012-04-11 09:36:03

无法将html页面的高度设置为使用手机间隙中的jquery的屏幕大小

回答

相关问题