Css “制作一套按钮”；压扁；如果浏览器窗口的大小减小

我有一套水平排列的8个按钮。我如何使它们像按钮一样，当你缩小窗口时，按钮也会一起移动（或者放大，按钮仍然可见）

谢谢

编辑：

---

由于某种原因，不会使按钮挤在一起。请提供帮助。

将按钮宽度设置为页面的百分比，然后使用

minwidth:>设置最小按钮宽度以阻止它们变得小于可读性

他们在您提供的站点上所做的是使用CSS将
ul
更改为一个表格，其中每个
li
都是一个表格单元格，它会自动调整
li
的宽度以填充
ul

通过使用，您可以了解更多信息

请注意，也可以使用
文本对齐：justify
，如下所示：
这与所需的不同。在他提供的示例中，有一些元素明显更广泛（例如“锦标赛”）。使用
minwidth:npx
技术，所有项目的大小都是相同的。他可以使用内联样式，或者额外的类，以便为不同的按钮提供不同的大小-我将更新小提琴以反映这一点。虽然这种方法可行，但我仍然觉得最好使用更通用的方法，如table方法，或者使用
文本对齐：justify
方法。
    height: 38px;
float: left;
min-width: 60px;
max-width: 140px;
display: inline-block;
width: 12.5%;
background-image: url(button.jpg);
background-size: 100%;
color: white;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #d0d0d0;
border: outset #555 1.5px;
cursor: pointer;
text-align: center;
font-size: 16px;