CSS按鈕大小自適應(yīng)是一種常見的前端技術(shù),可以通過設(shè)置CSS樣式,讓按鈕隨著屏幕大小的變化而自動調(diào)整大小。這樣可以使按鈕在不同設(shè)備上顯示更加美觀,提高用戶體驗。
.btn { font-size: 16px; padding: 10px 20px; border: 1px solid #333; background-color: #fff; color: #333; border-radius: 5px; cursor: pointer; } @media screen and (max-width: 600px) { .btn { font-size: 12px; padding: 8px 16px; } }
以上是一個示例CSS代碼,其中.btn為按鈕的CSS樣式。可以看到,通過設(shè)置@media查詢,當屏幕寬度小于等于600px時,按鈕的字體大小和內(nèi)邊距將會減小,以達到自適應(yīng)的效果。