1、設(shè)定固定大?。和ㄟ^CSS的“width”和“height”屬性，我們可以為文本框指定固定的寬度和高度。

input {
  width: 200px;  /* 設(shè)定文本框?qū)挾?*/
  height: 30px;  /* 設(shè)定文本框高度 */
}

2、響應(yīng)式布局：為了在不同的設(shè)備和屏幕尺寸上提供良好的用戶體驗(yàn)，我們可以使用百分比或視窗單位來設(shè)置文本框的大小，使其適應(yīng)容器或屏幕的大小。

input {
  width: 50%;  /* 寬度為容器寬度的50% */
  height: 5vw;  /* 高度為視窗寬度的5% */
}

三、使用padding和border調(diào)整文本框外觀大小

除了直接設(shè)置寬度和高度，我們還可以利用內(nèi)邊距（padding）和邊框（border）來調(diào)整文本框的視覺效果，增加內(nèi)邊距可以使文本框看起來更大，而邊框則可以增強(qiáng)文本框的視覺效果。

input {
  padding: 10px;  /* 增加內(nèi)邊距 */
  border: 2px solid #000;  /* 添加邊框 */
}

通過CSS，我們可以輕松地調(diào)整文本框的大小以適應(yīng)不同的頁面布局和用戶需求，我們可以使用“width”和“height”屬性來設(shè)定固定大小，或者使用百分比和視窗單位來實(shí)現(xiàn)響應(yīng)式布局，我們還可以利用內(nèi)邊距和邊框來調(diào)整文本框的視覺效果，熟練掌握這些方法，將使我們能夠創(chuàng)建出具有良好用戶體驗(yàn)的網(wǎng)頁。