css - 当屏幕改变大小时如何让导航按钮保持在一起

Question

好吧，这很难解释。如果你看看我在 http://granthoneymoon.com/temp3.html 上发布的样本您可以在 Logo 右侧看到 4 个导航按钮。

我想要的是导航按钮均匀分布在 Logo 右侧的空间中，并且随着浏览器窗口变小，按钮靠得更近。但是，在某个时候，一旦浏览器变得太小以至于按钮重叠，它会将整个菜单推到 Logo 下方。

现在我将按钮内嵌在 Logo 的右侧，但随着浏览器变小，它只会一次将一个按钮推到下一行，而不是让按钮靠得更近。

有办法吗？

Answer 1

响应式缩放按钮:例如

img.button{
       width:17%
       height :auto;
}