响应按钮

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%; 
} 

或者，如果你想要的按钮全宽