要显示的菜单项太多

时间:2014-09-19 04:36:56

标签: jquery html css

我为客户网站制作了一个响应式的水平导航菜单。当屏幕尺寸低于800px时,会有一个简化的菜单切换。

我的客户在菜单中填充了大量项目,我的意见太多了,并且当在正常屏幕模式下显示时,并非所有菜单项都能正确显示,这会产生一个不需要的新菜单行。

大多数时候我认为它都适合用户的屏幕,但是当屏幕尺寸小于1366px宽时,将会出现问题以正确的方式显示菜单。

website

我可以使用纯css修复此问题吗?

另一种选择是使用一些脚本。

我可以使用jquery检查屏幕上是否有列表项,然后修改css? (我真的没有jquery的经验)

2 个答案:

答案 0 :(得分:0)

当屏幕尺寸小于1366像素时,使用媒体查询更改菜单,并尝试转换子菜单中的少数菜单项,这将有助于最小化导航栏的宽度

答案 1 :(得分:0)

您无法在纯CSS中修复此问题,并且无法为所有浏览器创建响应式代码。 Jquery可以帮助您解决此问题。如果您对jquery不了解,那么获取简单的导航菜单代码并应用它