自动调整HTML中的输入字段

时间:2013-07-07 08:54:13

标签: html

我该怎么做,所以如果我最小化浏览器窗口,表中的输入会变小?谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <input type=text>
            </td>
            <td>
                <input type=text>
            </td>
        </tr>
            <td>
                <input type=text>
            </td>
            <td>
                <input type=text>
            </td>
        <tr>
        </tr>
    </table>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

尝试在css中使用百分比来调整大小

<style>
input[type="text"]{
  width:10%;/* Whatever percent you want*/
}
</style>

答案 1 :(得分:0)

 <style>
    input 
  { 
    width:100%; 
    height: 100%; 
   }
 </style>

还添加:

<table cellspacing="5px">

希望这有助于你