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

时间:2015-03-29 07:52:39

标签: html css html5 responsive-design

我认为这个StackOverFlow问题似乎对我的情况有意义: Input text box and width 100%

我只是想在所有设备/尺寸(240,320,480,768,1024)上制作输入类型=“文字”形式(用户输入信息)100%宽。

我的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)上它太宽,让你向左/向右滚动。有什么建议?谢谢!

此致

1 个答案:

答案 0 :(得分:0)

我认为您需要的是首先设置表格的宽度,还要设置第一个宽度,如下所示:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;