0

textarea の高さを自動調整して残りのスペースを垂直に埋める方法を知っている人はいますか? 簡単な方法は、テキストエリアのスタイルを高さ: 300px などでハードコーディングすることですが、それは本番環境ではほとんど実行可能なソリューションではありません。

ここに私の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>
4

1 に答える 1

0

App.js では明らかにrows="10"属性を設定するだけでは十分で<textarea>はありません。にも CSS を指定する<textarea>必要がありますheight: auto;

これでも、どのサイズの画面でも、画面の残りの部分を動的に埋めることはできません。

于 2016-04-21T15:55:00.300 に答える