将水平菜单转换为垂直菜单

时间:2014-04-23 04:43:16

标签: css css3

我有一个水平菜单,我需要转换为垂直菜单(当宽度低于阈值时使用@media)。

我正在处理here

提供的菜单

但是我无法将菜单转换为垂直菜单。我尝试了display:inline;position:relative,但它只是不起作用。

任何帮助将不胜感激。我已在此fiddle中找到相关代码。

感谢

1 个答案:

答案 0 :(得分:0)

根据我的理解,当您在移动设备上使用时,您想要使导航垂直,如果是这种情况,您可以使用媒体查询

例如:@media (max-width: 600px) {ul.menu li {float: none !important;}}

你可以回到http://dabblet.com/gist/11203269 注意:没有必要使用重要的只是演示