自適應按鈕是一種很實用的前端開發技術。當網頁或應用程序在不同的設備或窗口大小下展示時，按鈕可以自動適應以適應不同的顯示空間。

以下是一些 CSS 代碼示例，顯示如何創建自適應按鈕：

button {
padding: 10px 20px;
color: white;
background-color: blue;
border: none;
border-radius: 5px;
}
@media (max-width: 768px) {
button {
width: 100%;
display: block;
}
}
@media (min-width: 768px) {
button {
float: right;
}
}

在這個示例中，我們首先定義了一個常規按鈕的樣式，包括填充、顏色、背景顏色、邊框和邊框半徑。接下來，我們使用媒體查詢來定義不同設備大小的樣式。當設備的視口小于 768px 時，我們將按鈕的寬度設置為 100%，以便它占據整個屏幕寬度。

當設備的視口寬度大于或等于 768px 時，我們將按鈕向右浮動。

這個 CSS 代碼示例演示了如何使用 media queries 來創建自適應按鈕，而不需要為不同設備定義不同的樣式表。你只需要在代碼中加入一些簡單的條件語句，就可以讓按鈕在不同的屏幕和設備下自適應展示。