如何制作流体箱形div？

Question

我希望我的UI栏有方形按钮，可以减小和增加流量。这个想法是，无论我的应用程序处于什么响应状态，按钮将始终是方形的。

现在我的导航按钮尺寸总是在变化，具体取决于浏览器窗口宽度，例如

我正在使用Foundation 5，但我认为没有任何功能可以完成此任务。有什么想法吗？

Answer 1

你可以使用javascript。由于您使用的是流体布局，因此宽度是重要的数字。因此，如果你使用javascript，你可以定位每个框以强制高度等于元素的宽度。

Answer 2

您没有提供任何代码，因此我可以给您一个确切的答案。

但要达到此目的的标准做法是使用padding-top或padding bottom属性。

这是垂直尺寸，但与父宽度相关，所以做类似的事情

width: 5%;
padding: 0px;
height: 0px;
padding-top: 5%;

会给你一个正方形