2
我正嘗試使用角度材料構建登錄表單。但我似乎無法得到預期的效果是 - >http://gyazo.com/d31f624204524d8b1b6349c89b237be1使用角度材料佈置外觀沒有響應,因爲它應該
到目前爲止,我有這個 - >http://gyazo.com/0ab7343544a3c7992099c30684e062a1
任何人可以幫助我這個柔性盒模型奠定郊遊我的應用程序
HTML的代碼是:
<div layout="row" flex layout-padding layout-fill layout-align="center center">
<div>
<md-card>
<md-toolbar>
<div class="padding-20 text-center">
<div>
<img src="../images/logo.png" alt="" width="177" height="162">
</div>
<h1 class="md-headline">Sign Up</h1>
</div>
</md-toolbar>
<md-card-content class="md-padding">
<form name="login">
<md-input-container>
<label for="email">Email</label>
<input id="email" label="email" name="email" type="email" />
<div ng-messages="login.email.$error"></div>
</md-input-container>
<md-input-container>
<label for="password">Password</label>
<input id="password" label="password" name="password" type="password" />
</md-input-container>
</form>
</md-card-content>
</md-card>
</div>
</div>
我的CSS:
body{
background-image: url("../images/background.png");
width: 1920px;
height: 1080px;
background-repeat: no-repeat;
background-size: cover;
overflow-x:hidden;
overflow-y:hidden;
}
.padding-20 text-center{
text-align: center;
padding: 20px;
}