css - 如何制作流体盒形状的div?

标签 css responsive-design zurb-foundation

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

现在我的导航按钮尺寸总是根据浏览器窗口宽度而变化,例如

enter image description here

我正在使用 Foundation 5,但我看不到实现此目的的功能。有什么想法吗?

最佳答案

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

关于css - 如何制作流体盒形状的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28079190/

相关文章:

html - 使用纯 CSS,是否可以使容器的字体大小与其宽度或高度成正比?

image - 高度 : Auto in Internet Explorer 8 and below

php - 某点后 3 列网格断开

css - splinter 的 Zurb Foundation 4 响应式导航栏菜单图标

html - 引导响应

css - 有没有办法在 md-sidenav 中配置显示隐藏速度?

单击任何选项时关闭菜单的 JavaScript 或 CSS 函数

javascript - 转到页面滚动上的链接

html - 菜单大小取决于屏幕分辨率

css - Zurb 基础中的按钮定制