響應按鈕

Question

我目前正在製作一個簡單的響應模板，但不幸的是，當我從檢查按鈕「收縮」頁面時，請不要隨流而行。

這裏是我的代碼：

.w3container { 
 
    max-width: 100%; 
 
    position: relative; 
 
    left: 750px; 
 
    font-size: 22px; 
 
    color: white; 
 
    font-family: 'Comfortaa', cursive; 
 
    margin: 0; 
 
}

<div class="w3container"> 
 
    <button class="btn1">btn1</button> 
 
    <button class="btn2">btn2</button> 
 
    <button class="btn3">btn3</button> 
 
</div>

Answer 1

button { 
    display: inline-block; 
    box-sizing: border-box; 
    max-width: 100%; 
} 

或者，如果你想要的按鈕全寬