角度レイアウトには多くのスペースが必要です

<body> 
    <div layout="column" flex> 
     <div> 
      <h2>Hello</h2> 
     </div> 
     <div layout="row"> 
      <div flex="30"> 
       <md-content> 
        //some code  
       </md-content> 
      </div> 
      <div flex="70"> 
       //some code 
      </div> 
     </div> 
    </div> 
</body>

"md-content"の内容が残りの画面の高さを埋めるようにします。 "layout-fill"と書くと、md-contentのサイズは画面サイズとまったく同じですが、h2を含む最初のネストされたdivのため、サイトは自分の画面より高くなっています。角度レイアウトには多くのスペースが必要です

出典

2017-09-06 Kai Fischer

私はあなたが望むものを正しく理解していれば、このような何かを得ることです：

--------------------- 
|  Hello  | 
|-------------------- 
| div 30| div 70 | 
|  |   | 
|   |   | 
---------------------

をそしてこの全体の内容は右、任意のスクロールせずにフルスクリーンに収まるようになっていますか？その場合：純粋なCSSで行うか、マテリアルライブラリを使用するかによって、複数のオプションがあります。

オプション1：CSS

あなたは（100VH - myDivSize）CALCに初期のdivを強制的に検討するかもしれないと行のdivに

オプション2屈曲：材質オプション

http://embed.plnkr.co/T9vRQhbHDR5w2F0Lnu0R/previewチェックこのようにして、あなたのアプリケーションでこの方法で使用しないでください。

出典

2017-09-06 12:46:26

角度レイアウトには多くのスペースが必要です

答えて

関連する問題