转到以下Foundation CSS框架文档url: http://foundation.zurb.com/docs/navigation.php
在名为导航栏的部分中,您将看到水平导航栏的示例。现在尝试逐渐最小化浏览器的窗口,当窗口足够小时(就像移动设备分辨率),您会注意到水平导航栏变成了垂直导航栏。我需要知道菜单中发生此行为的技术定义。
答案 0 :(得分:4)
我相信你在寻找responsive web design;这是根据用户代理的视口进行调整的设计。
例如,Twitter的bootstrap framework内置了响应式设计。答案 1 :(得分:1)
我使用width: auto; float:left
为每个菜单项重现了这个效果,而在调整大小事件时,我正在检查所有项目是否在顶部对齐。如果项目未对齐,我将修改为width:100%
这是我得到的一个例子:www.gabitzish.com(见菜单)