-4

转到以下 Foundation CSS 框架文档网址： http: //foundation.zurb.com/docs/navigation.php

在名为Nav Bar的部分中，您将看到水平导航栏的示例。现在尝试逐渐最小化浏览器的窗口，当窗口最小化到足够的程度（像移动设备分辨率一样）时，您会注意到水平导航栏变成了垂直导航栏。我需要知道菜单上发生的这种行为的技术定义。

4

2 回答 2

4

我相信您正在寻找响应式网页设计；这是根据用户代理的视口进行调整的设计。

例如， Twitter 的引导框架就内置了响应式设计。

于 2012-09-04T10:48:32.423 回答
1

我已经使用width: auto; float:left每个菜单项重现了这种效果，并且在调整大小事件中，我正在检查所有项目是否都在顶部对齐。如果项目未对齐，我将修改为width:100%

这是我得到的一个例子：www.gabitzish.com（见菜单）

于 2012-09-04T10:49:43.007 回答