【纯css的响应式导航栏有什么方法 _导航栏 】 | IT修真院·坑乎
问题已收录 纯css的响应式导航栏有什么方法
我也踩过这个坑( 2 )
已统计您的踩坑,无需重复点击
回答(3)
导航栏
详细描述
截图
代码
编辑于2024-04-19
  • [北京|结业弟子]JS-顾仁鹏
    1

    css导航栏最主要的问题就是没有点击一次是打开,点击第二次是关闭,这个:hover无法完成。我用的是input type=checkbox ,然后与label关联,隐藏掉input,用label做初始的点击图标,后续就是加一个无序列表并隐藏,在点击label时列表显示。代码基本与改变radio样式一样。

    编辑于2018-11-30
  • [北京|结业弟子]JS-肖明明
    0

    折叠导航栏可以用复选框的不同状态结合媒体查询来实现,通过媒体查询,在不同屏幕大小的设备上显示不同内容,在大屏上全部展开,在小屏上缩成三行,用input 的type = checkbox属性和label的关联激活来显示和隐藏下拉菜单

    编辑于2019-06-01
  • [武汉|结业弟子]JS-刘平
    0

    使用媒体查询结合input+label来实现,低分辨力率下横向导航栏设置display:none。然后使用input+label,修改label默认样式就可以了

    编辑于2019-11-11