如何自動調整App.js textarea高度以填充屏幕的其餘部分？

可能任何人有任何想法如何自動調整textarea的高度來垂直填充其餘空間？簡單的方法是硬編碼textarea的風格與高度：300px或什麼的，但這是很難在生產中可行的解決方案。如何自動調整App.js textarea高度以填充屏幕的其餘部分？

這是我的html。由於

<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>

來源

2016-04-19 rockhammer

在App.js顯然設置rows="10"屬性爲<textarea>是不夠的。 <textarea>也必須給出一個CSS height: auto;

這仍然不能讓您爲任何大小的屏幕動態填充屏幕的其餘部分。

來源

2016-04-21 15:55:00 rockhammer

如何自動調整App.js textarea高度以填充屏幕的其餘部分？

回答

相關問題