响应按钮

Question

我目前正在制作一个简单的响应式模板，但不幸的是，当我＆＃34;收缩＆＃34;检查按钮的页面不适合流程。

这是我的代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

或者如果你想要按钮全宽

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