我为客户网站制作了一个响应式的水平导航菜单。当屏幕尺寸低于800px时,会有一个简化的菜单切换。
我的客户在菜单中填充了大量项目,我的意见太多了,并且当在正常屏幕模式下显示时,并非所有菜单项都能正确显示,这会产生一个不需要的新菜单行。
大多数时候我认为它都适合用户的屏幕,但是当屏幕尺寸小于1366px宽时,将会出现问题以正确的方式显示菜单。
我可以使用纯css修复此问题吗?
另一种选择是使用一些脚本。
我可以使用jquery检查屏幕上是否有列表项,然后修改css? (我真的没有jquery的经验)
答案 0 :(得分:0)
当屏幕尺寸小于1366像素时,使用媒体查询更改菜单,并尝试转换子菜单中的少数菜单项,这将有助于最小化导航栏的宽度
答案 1 :(得分:0)
您无法在纯CSS中修复此问题,并且无法为所有浏览器创建响应式代码。 Jquery可以帮助您解决此问题。如果您对jquery不了解,那么获取简单的导航菜单代码并应用它