将CSS按钮调整为HTML边框

Question

我一直在制作一个网站，我创建了几个按钮。最近我使用css“padding”来确定按钮的大小，使其大小相等。我想知道的是，有没有一种方法可以调整按钮的大小以适应桌面边框，所以它在任何分辨率大小的浏览器中看起来都不错？

Here is a screenshot of my site so you guys know what you're looking at

Answer 1

给button一个width:100%和td一个padding: 0

table {
  width: 200px;
}
td {
  border: 1px solid;
  padding: 0;
}
button {
  width: 100%;
}

<table>
  <tr>
    <td>
      <button>Button</button>
    </td>
  </tr>
</table>