field-sizing

用於控制表單控制項尺寸的通用類別。

Class Styles

Class	Styles
`field-sizing-fixed`	`field-sizing: fixed;`
`field-sizing-content`	`field-sizing: content;`

field-sizing-fixed

field-sizing: fixed;

field-sizing-content

field-sizing: content;

範例（Examples）

使用 field-sizing-content 通用類別允許表單控制項根據內容調整其尺寸：

在下方輸入框中輸入內容以查看尺寸變化

<textarea class="field-sizing-content ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

使用 field-sizing-fixed 通用類別使表單控制項使用固定尺寸：

在下方輸入框中輸入內容以查看尺寸保持不變

<textarea class="field-sizing-fixed w-80 ..." rows="2">  Latex Salesman, Vanderlay Industries</textarea>

在 field-sizing 通用類別前面加上像 md: 這樣的中斷點變體，讓該通用類別只在中型螢幕尺寸及以上時套用：

<input class="field-sizing-content md:field-sizing-fixed ..." />

在變體文件中了解更多關於使用變體的資訊。