互動性
field-sizing
用於控制表單控制項尺寸的 Utility。
| 類別 | 樣式 |
|---|---|
field-sizing-fixed | field-sizing: fixed; |
field-sizing-content | field-sizing: content; |
範例
基於內容調整大小
使用 field-sizing-content Utility 讓表單控制項根據內容調整大小
在下方輸入框中輸入內容以查看大小變化
<textarea class="field-sizing-content ..." rows="2"> Latex Salesman, Vanderlay Industries</textarea>使用固定大小
使用 field-sizing-fixed Utility 讓表單控制項使用固定大小
在下方輸入框中輸入內容以查看大小保持不變
<textarea class="field-sizing-fixed w-80 ..." rows="2"> Latex Salesman, Vanderlay Industries</textarea>響應式設計
前綴a field-sizing Utility 使用像 md: 這樣的斷點變體，僅在中等 螢幕尺寸及以上應用 Utility
<input class="field-sizing-content md:field-sizing-fixed ..." />了解更多關於在變體文件中使用變體。
