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壞渲染

回答

相關問題