Html 使文本输入可调整大小以用于移动设备?

Html 使文本输入可调整大小以用于移动设备?,html,forms,Html,Forms,因此,我正在为我的主站点创建一个移动站点,但我希望该站点保持其文本输入大小不变,但在使用移动设备时,移动设备可以调整大小 这是我的表格代码 <form name="htmlform" method="post" action="thankyou.php" target="_blank"> <table width="447" cellpadding="0" cellspacing="0"> <td width="130"></tr> <tr

因此,我正在为我的主站点创建一个移动站点,但我希望该站点保持其文本输入大小不变,但在使用移动设备时,移动设备可以调整大小

这是我的表格代码

<form name="htmlform" method="post" action="thankyou.php" target="_blank">
<table width="447" cellpadding="0" cellspacing="0">
<td width="130"></tr>
<tr align="left" valign="top">
 <td height="30" align="left" valign="middle">Full Name</td>
 <td width="317" height="30" valign="middle">
  <input  type="text" name="first_name" maxlength="50" size="50"> </td>
</tr>

<tr align="left" valign="top">
 <td height="30" align="left" valign="middle"">Subject</td>
 <td height="30" valign="middle">
  <input  type="text" name="last_name" maxlength="100%" size="50"> </td>
</tr>
<tr align="left" valign="top">
 <td height="30" align="left" valign="middle">Email Address</td>
 <td height="30" valign="middle">
  <input  type="text" name="email" maxlength="50" size="50"> </td>

</tr>
<tr align="left" valign="top">
 <td height="30" align="left" valign="middle">Contact Number</td>
 <td height="30" valign="middle">
  <input  type="text" name="telephone" maxlength="50" size="50"> </td>
</tr>
<tr align="left" valign="top">
 <td height="140" align="left" valign="middle">Content</td>
 <td height="140" valign="middle">
  <textarea  name="comments" cols="50" rows="8" wrap="VIRTUAL"></textarea> </td>

</tr>
<tr align="right" valign="middle">
 <td height="32" colspan="2" style="text-align:center">
   <div align="right">
     <input type="submit" value="Submit"> 
   </div></td>
</tr>
</table>
</form>

全名
您可以为所有输入创建两个类,然后使用jquery确定WindowsSize的宽度是否为便携式小型设备,并根据大小切换正确的类
(如果你没有jquery知识,请告诉我,我会更具体)

您可以为所有输入创建两个类,然后使用jquery确定WindowsSize的宽度是否为便携式小型设备,并根据大小切换正确的类 (如果你没有jquery知识,请告诉我,我会更具体)


老实说,我的知识有限,所以这会有帮助的。谢谢:)jQuery不是必需的。OP应该只使用CSS@media查询,并避免为此引入jQuery。我同意你的CSS类观点。是的,你可以使用CSS,这里有一个例子@media all(最小宽度:800px)这个选择所有媒体通常最小宽度为800px,所以你可以调整数字…谢谢jpod的提示此链接将帮助你更好地理解事情:对不起,我真的无法理解你想要表达的意思。老实说,我的知识有限,所以这会有所帮助,谢谢:)jQuery不是必需的。OP应该只使用CSS@media查询,并避免为此引入jQuery。我同意你的CSS类观点。是的,你可以使用CSS,这里有一个例子@media all(最小宽度:800px)这个选择所有媒体通常最小宽度为800px,所以你可以调整数字…谢谢jpod的提示此链接将帮助你更好地理解事情:我真的无法理解你想要表达的意思,抱歉。