0

可能有人知道如何自动调整 textarea 的高度以垂直填充其余空间吗？最简单的方法是用 height: 300px 或其他东西硬编码 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>
4

1 回答 1

0

在 App.js 中显然设置rows="10"属性 for<textarea>是不够的。<textarea>还必须给定一个CSSheight: auto;

这仍然不能让您为任何大小的屏幕动态填充屏幕的其余部分。

于 2016-04-21T15:55:00.300 回答