这个CSS行为的技术定义是什么?

时间:2012-09-04 10:45:28

标签: html css html5 browser

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

在名为导航栏的部分中,您将看到水平导航栏的示例。现在尝试逐渐最小化浏览器的窗口,当窗口足够小时(就像移动设备分辨率),您会注意到水平导航栏变成了垂直导航栏。我需要知道菜单中发生此行为的技术定义。

2 个答案:

答案 0 :(得分:4)

我相信你在寻找responsive web design;这是根据用户代理的视口进行调整的设计。

例如,Twitter的bootstrap framework内置了响应式设计。

答案 1 :(得分:1)

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

这是我得到的一个例子:www.gabitzish.com(见菜单)