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;
  }

Answer 2

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