2016-04-19 6 views
0

誰もが垂直方向の残りの部分を埋めるためにテキストエリアの高さを自動調整する方法はありますか?簡単な方法は、高さ:300pxなどのテキストエリアのスタイルをハードコードすることですが、それは生産では実行可能なソリューションではありません。App.jsのテキスト領域の高さを自動的に調整して画面の残りの部分を埋める方法は?

ここは私のhtmlです。どうやら<textarea>ためrows="10"属性を設定おかげApp.jsで

<body> 
    <div class="app-page" data-page="home"> 
     <div class="app-topbar"> 
     <div class="app-title">Mobile Email Client</div> 
     </div> 
     <div class="app-content"> 
     <div class="app-section"> 
      <div class="app-button" data-target="emailEditor">Compose Email</div> 
     </div> 
     </div> 
    </div> 

    <div class="app-page" data-page="emailEditor"> 
     <div class="app-topbar"> 
     <div class="app-title"><span class="app-icon"></span>Email Editor</div> 
     <div class="left app-button" data-back>QUIT</div> 
     </div> 

     <div class="app-content"> 
     <div class="app-section" id="editorStatus"></div> 

     <div class="app-section"> 
      <input class="app-input" id="emailFrom" placeholder="From"> 
     </div> 

     <div class="app-section"> 
      <input class="app-input" id="emailTo" placeholder="To"> 
     </div> 

     <div class="app-section"> 
      <input class="app-input" id="emailSubject" placeholder="Subject"> 
      <textarea class="app-input" id="emailMessage" placeholder="Message" rows="10"></textarea> 
      <div class="app-button green app-submit" id="emailSend">Send</div> 
     </div> 
     </div> 
    </div> 

答えて

0

は十分ではありません。 <textarea>にもCSSを指定する必要がありますheight: auto;

これでは、画面の残りの部分を任意のサイズの画面で動的に埋め込むことはできません。