在所有设备上输入文本宽度不是 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>