2013-05-03 141 views
0

我正在处理多语言项目,我需要顶级水平菜单的帮助。我必须解决的问题是,每种语言顶部菜单上的项目(UL> LI)是各种长度的。在某些语言中,在1024像素浏览器分辨率(没有分界线)中没有问题,而在其他1280像素中没有足够的空间。 因此,我搜索根据您的浏览器分辨率动态地将水平菜单转换为下拉选择列表的脚本。我发现http://css-tricks.com/examples/ConvertMenuToDropdown/,但这转换整个内联UL>李菜单下拉选择确切的浏览器大小。我寻找脚本,并不改变整个UL下拉,但只有部分。因此,在大浏览器分辨率宽度下,您将所有项目内联,当更小的LI更改为下拉列表时 - 并非全部 - 但是逐个项目。动态检查和比较UL和浏览器分辨率的大小。 我已经@media查询张贴了我的问题的一些样品上https://forum.jquery.com/topic/dynamic-horizontal-menu动态水平菜单

回答

0

尝试“响应” CSS ..所以,很简单

+0

对不起,我就是这么做的前面。但正如我所提到的那样,有很多语言可以使用,所以某种语言中的一个项目的名称只有几个字符,还有其他更多。因此,第一种语言的css为1024看起来是空的,另一种是由于空间不足而将菜单分成两行。 – Frankie777 2013-05-03 10:09:32