CSS表單寬高樣式是網(wǎng)頁設(shè)計(jì)中不可或缺的一部分，它可以使表單的尺寸更加美觀、適配各種屏幕大小以及提升用戶體驗(yàn)。下面是一些常用的CSS表單寬高樣式：

/* 設(shè)置表單寬度和高度 */
input, select {
width: 100%;
height: 40px;
}
/* 調(diào)整按鈕寬度和高度 */
button {
width: auto;
height: 40px;
}
/* 調(diào)整textarea高度 */
textarea {
height: 150px;
}
/* 自適應(yīng)調(diào)整表單尺寸 */
@media(max-width: 768px) {
input, select {
width: 80%;
height: 30px;
}
button {
width: 60%;
height: 30px;
}
textarea {
height: 100px;
}
}

以上樣式代碼是基于常見的HTML表單元素，包括input、select、button和textarea等。首先，我們設(shè)置寬度為100%和固定高度的輸入框和下拉框，這樣可以使表單元素充滿整個(gè)寬度，而高度則可以根據(jù)需要進(jìn)行調(diào)整。例如，我們可以將textarea的高度設(shè)為150px，來適應(yīng)多行文本需求。

在可自適應(yīng)屏幕大小的情況下，我們使用media query功能按照不同設(shè)備寬度調(diào)整表單元素寬度和高度。例如，在小屏幕下，我們將輸入框和下拉框的寬度調(diào)整為80%，高度設(shè)為30px，按鈕的寬度調(diào)整為60%。

總的來說，CSS表單寬高樣式是非常重要的一環(huán)，可以讓表單更加美觀、實(shí)用、適應(yīng)各種情況，提升用戶使用體驗(yàn)。