2016-04-19 4 views
0

Может ли кто-нибудь понять, как автоматически настроить высоту текстового поля, чтобы заполнить остальную часть пространства по вертикали? Простым способом является жесткое кодирование стиля textarea с высотой: 300 пикселей или что-то в этом роде, но это вряд ли приемлемое решение в производстве.как отрегулировать высоту текста app.js, чтобы заполнить оставшуюся часть экрана?

Вот мой 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> 

ответ

0

В App.js, по-видимому установка rows="10" атрибут для <textarea> недостаточно. <textarea> также должен быть предоставлен CSS height: auto;

Это все еще НЕ позволяет вам заполнять оставшуюся часть экрана динамически для экранов любого размера.

Смежные вопросы