親の高さの70％の高さで、自動モーションの幅が

Question

のangle.jsの画像を作成する親の高さの70％とトリミングされない自動幅を持つロゴを設定しようとしています。

<md-content id="WelcomeView" ng-controller="WelcomeController" layout="column" flex> 
    <md-content id="LogoElement" layout="row" flex="60" layout-align="center end"> 
     <img layout="row" src="styles/assets/dml-logo.png" ng-style="view.logo"/> 
    </md-content> 
    <md-content layout="row" flex layout-align="center start"> 
     <md-content layout="column" flex> 
      <md-content layout="row" flex layout-align="center center"><H1>Arbeitsprobe</H1></md-content> 
      <md-content layout="row" flex layout-align="center center"><H2>by Dirk Moll</H2></md-content> 
      <md-content layout="row" flex layout-align="center center"><H3>in 2016</H3></md-content> 
     </md-content> 
    </md-content> 
</md-content> 

私には何かヒントはありますか？高さは常に70％である場合

のCu N00N

Answer 1

CodePen

画像は、しかし伸びません。

マークアップ

<div id="parent"> 
    <div layout-fill layout="column"> 
    <div id="logo" flex="70"> 
    </div> 
    </div> 
</div> 

CSS

#parent { 
    width: 300px; 
    height: 500px; 
    background: yellow; 
} 

#logo { 
    background-image: url("http://m.hiapphere.com/data/icon/201409/HiAppHere_com_kov.theme.lumos.png"); 
    background-size: 100% 100%; 
}