dynamic - 动态水平菜单

Question

我正在处理多语言项目，我需要顶部水平菜单的帮助。我必须解决的问题是，每种语言顶部菜单上的项目 (UL>LI) 都是不同的 long。在某些语言中，1024px 浏览器分辨率没有问题（没有断线），在其他语言中，1280px 没有足够的空间。因此，我根据您的浏览器分辨率搜索将水平菜单动态转换为下拉选择列表的脚本。我找到了http://css-tricks.com/examples/ConvertMenuToDropdown/但这会将整个内联 UL>LI 菜单转换为精确浏览器大小的下拉选择。我寻找脚本，它不会将整个 UL 更改为下拉列表，但只是部分更改. 因此，在较大的浏览器分辨率宽度中，您将所有项目都内联，当较小时，更多 LI 更改为下拉列表 - 不是全部 - 而是逐项。动态检查和比较 UL 大小和浏览器分辨率的东西。我在https://forum.jquery.com/topic/dynamic-horizo​​ntal-menu上发布了一些我的问题示例

Answer 1

通过@media query 尝试“响应式”CSS .. 它更简单