css - 在所有设备上输入文本宽度不是 100% 响应

Question

我已经找到了这个 StackOverFlow 问题，它似乎对我的情况有意义: Input text box and width 100%

我只是想在所有设备/尺寸(240、320、480、768、1024)上制作一个 100% 宽的 input type="text"表单(用户在其中输入信息)。

我的 HTML 是:

<div align="left">
            <table>
              <tr>
                <td>First Name:</td>
                <td>input type="text" name="first_name" style="width: 100%;" />
                </td>
              </tr>
            </table>

我的 CSS:

input { width: 100%; }

我似乎无法将输入文本区域设置为 100% 宽？？？在 iphone (320) 上，它太宽了，会让你向左/向右滚动。有什么建议么？谢谢!

问候，

Answer 1

我觉得你需要的是先设置表格的宽度，也是第一个，像这样:

<div>
  <table style="width:100%;">
    <tr style="width:100%;">
      <td style="width:8em;">First Name:</td>
      <td><input type="text" name="first_name" style="width:100%;" />
      </td>
    </tr>
  </table>
</div>