問(wèn)：是什么意思？

put標(biāo)簽來(lái)設(shè)置輸入框的長(zhǎng)度，以使網(wǎng)站能夠從容應(yīng)對(duì)各種設(shè)備。

問(wèn)：如何設(shè)置HTML輸入框的長(zhǎng)度？

put標(biāo)簽中有一個(gè)屬性叫做“size”，可以用來(lái)設(shè)置輸入框的長(zhǎng)度。這個(gè)屬性的值是一個(gè)整數(shù)，表示輸入框的長(zhǎng)度，單位是字符數(shù)。下面的代碼設(shè)置了一個(gè)長(zhǎng)度為20個(gè)字符的輸入框：

lput type="text" size="20">

問(wèn)：如何讓輸入框自適應(yīng)設(shè)備大??？

答：除了使用固定長(zhǎng)度的方式，還可以使用百分比來(lái)設(shè)置輸入框的長(zhǎng)度，讓它自適應(yīng)設(shè)備大小。下面的代碼設(shè)置了一個(gè)占據(jù)父元素寬度50%的輸入框：

<div style="width: 50%;">put type="text" style="width: 100%;">

</div>

這個(gè)例子中，我們使用了一個(gè)div元素來(lái)包裹輸入框，并設(shè)置了div元素的寬度為50%。然后，我們?cè)谳斎肟蛑性O(shè)置了寬度為100%，讓它與父元素的寬度相同。

問(wèn)：如何在不同設(shè)備上設(shè)置不同的輸入框長(zhǎng)度？

答：為了使網(wǎng)站能夠從容應(yīng)對(duì)不同的設(shè)備，我們可以使用CSS媒體查詢(xún)來(lái)設(shè)置不同設(shè)備上的輸入框長(zhǎng)度。下面的代碼設(shè)置了在窗口寬度小于600像素時(shí)，輸入框的長(zhǎng)度為10個(gè)字符，在窗口寬度大于600像素時(shí)，輸入框的長(zhǎng)度為20個(gè)字符：

<style>ediaax-width: 600px) {put {

width: 50%;

size: 10;

}

}ediain-width: 601px) {put {

width: 50%;

size: 20;

}

</style>put type="text">

edia規(guī)則來(lái)設(shè)置不同寬度范圍的輸入框長(zhǎng)度。當(dāng)窗口寬度小于等于600像素時(shí)，輸入框的長(zhǎng)度為10個(gè)字符；當(dāng)窗口寬度大于600像素時(shí)，輸入框的長(zhǎng)度為20個(gè)字符。注意，在設(shè)置輸入框長(zhǎng)度時(shí)，我們既可以使用size屬性，也可以使用width屬性。