Android的webview坏渲染

我创建了一个应用程序与ionic框架并将其包装到android应用程序（webview），似乎一切正常，除了当我把它放在我的设备上呈现已损坏。Android的webview坏渲染

Example

来源：

<link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
<link href="css/ionic.app.css" rel="stylesheet"> 
--> 

<!-- ionic/angularjs js --> 
<script src="lib/ionic/js/ionic.bundle.js"></script> 

<!-- cordova script (this will be a 404 during development) --> 
<script src="cordova.js"></script> 

<!-- your app's js --> 
<script src="js/app.js"></script> 
<script src="js/jquery.js"></script>

<ion-pane> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Ionic Blank Starter</h1> 



    </ion-header-bar> 
    <ion-content> 
     <tour-form> 
      <form id="submit"> 
       <div class="list"> 
        <label class="item item-input"> 
         <input type="text" placeholder="TID" name="tc"> 
        </label> 
        <label class="item item-input"> 
         <input type="text" placeholder="Code" name="code"> 
        </label> 
        <button class="button button-light"> 
         Submit 
        </button> 
       </div> 
      </form> 
     </tour-form> 
     <content id="content"></content> 
    </ion-content> 
</ion-pane>

任何人知道解决这个问题呢？

来源

2014-07-12 notanormie

请遵循此问题：https://github.com/driftyco/ionic/issues/1880

它有事情做与.scroll内容的解释：边距：-1px;在某些设备上，它是ionic.css文件的一部分。

尝试设置这个在您的style.css： .scroll-content {padding-top:1px;}

此方法适用于我的设备（三星Galaxy S2，Android的4.2.2）

来源

2014-08-18 08:02:38

感谢，它现在的作品。 – notanormie

Android的webview坏渲染

回答

相关问题