title: Ionic android and ios CSS issue
body: <p>I am facing a problem of CSS in ionic application in android.
  The problem is that CSS is not working in Android phone.
  For example) When I execute in Samsung Galaxy S5, the css is working correctly(See Screenshot 1).
  But when I execute Samsung Galaxy Note 2, it is not working(Screenshot 2).</p>
  
  <p><a href="https://i.stack.imgur.com/ZRdq4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZRdq4.png" alt="Screenshot 1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/QsvPg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QsvPg.png" alt="Screenshot 2"></a></p>
  
  <p>As you can see these 2 screenshot, you can find that the background image size is different and also label margins are not same.
  Why this problem happened?
  Somebody said that it was related to a android web browser. So I have added "crosswalker" plugin in order to upgrade webview.
  But it was same.
  How can I solve this problem? Please teach me if anybody already experienced.</p>
  
  <p>PS : The codes are following as below:
  [html]</p>
  
  <pre><code>&lt;ion-view view-title="Log_in" class="user_reg static-bg ionic"&gt;  
    &lt;ion-content scroll="false"&gt;
      &lt;div class="login_form_container" layout="column" layout-align="" style="padding-top:65px;"&gt;
        &lt;div class="signup_btn_back font-raleway" ng-click="backTo()"&gt;
          &lt;i class="icon ion-chevron-left"&gt;&lt;/i&gt; Back
        &lt;/div&gt;
        &lt;form class="reg_form" id="login_form" ng-submit="login_user(user)"&gt;
          &lt;div layout="column" layout-align="left center" style="margin-bottom: 10px;"&gt;
            &lt;div class="row"&gt;
              &lt;a ng-click="show_forgot_pass_pop()" data-rel="popup" data-position-to="window" data-transition="pop" class="col col-67 reg_link form_txt"&gt;&lt;label class="reg_link_font font-bold font-white font-raleway"&gt;
                  Forgot password?&lt;/label&gt;&lt;/a&gt;
  
              &lt;a ng-click="signup()" data-rel="popup" data-position-to="window" data-transition="pop" class="col reg_link form_txt" style="text-align:right;"&gt;&lt;label class="reg_link_font font-bold font-white font-raleway"&gt;
                  Sign Up&lt;/label&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="textboxholder button-only-border"&gt;
            &lt;div class="textboxcontainer"&gt;
              &lt;input type="text" class="form form_text font-raleway"  placeholder="Email Address" ng-model="user.email"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="textboxholder button-only-border"&gt;
            &lt;div class="textboxcontainer"&gt;
              &lt;input type="password" class="form form_text font-raleway" placeholder="Password" ng-model="user.password"&gt;
            &lt;/div&gt;
          &lt;/div&gt;      
          &lt;div layout="row" layout-align="center end"&gt;
              &lt;button class="button button-common form_btn_cyan form_btn font-raleway" type="submit"&gt;Log In!&lt;/button&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;  
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>[CSS]</p>
  
  <pre><code>.user_reg {
      /*background-image: url('../img/sign_in_bg2.png');*/
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
  }
   .static-bg{
    position: fixed;
    top: 0px;
    left: 0px;
    background: url('../img/bg-static-onboard.jpg') no-repeat center center fixed;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .textboxholder{
      background-color: rgba(0,0,0,0.5);
      border-width: 1px;
      padding-top: 5px;
  }
  .button-only-border{
    background-color: rgba(0,0,0,0);
    border: 1px solId #FFF;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 10px;
  }
  .textboxcontainer{
        padding-bottom: 5px;
  }
      background-color: rgba(0, 0 ,0, 0.5);
      color: #FFF !important;
      padding-left: 0px !important;
      height: 50px !important;
      width: 100%;
      text-align: center;
      font-size: 16px !important;
      font-weight: bold;
      padding-top: 5px !important;
  }
  .font-raleway{
    font-family: "Raleway" !important;
  }
  </code></pre>