javascript - Md-content 的宽度在 cordova 的应用程序中不是 100%

Question

我使用 Angular (v1.3.6) 和 Angular Material (v0.10.1)。我有一个 md-content，它只有两个输入字段和一个按钮。 md-content 的宽度为 100%。在chrome的手机模拟器中看到如下:

但是当我在 genymotion 中编译并运行它时，我得到以下结果:

这是因为 Angular Material 中的错误还是我的 css 通常被忽略？

编辑:

HTML 端

<md-content id="login-pane" ng-show="login.status!='ok'">
            <md-input-container>
                <label>Name</label>
                <input ng-model="user.name">
            </md-input-container>
            <md-input-container>
                <label>Password</label>
                <input ng-model="user.pw">
            </md-input-container>
            <md-checkbox ng-model="user.saveInfoToStorage">
            Remember me
            </md-checkbox>
 </md-content>

CSS:

  #login-pane{
     width: 100%;
  }

Answer 1

#login-pane{
     width: 100%;
     display:block;
     float:left;
  }
#login-pane input{
   width: 100%;
  }