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

Question

我使用角度（v1.3.6）和角度材料（v0.10.1）。我有一个md-content，只有两个输入字段和一个按钮。 md-content的宽度为100％。在Chrome的移动模拟器中，它看起来如下：

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

这是因为角质材料中的错误还是我的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

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用float属性设置。

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