Responsive design 隐藏响应菜单
我有一个响应固定顶部菜单，点击菜单图标后打开。然后我想在单击其中一个菜单项后隐藏它。否则，它将覆盖部分向上滑动的部分 我使用了本页中的代码： 单击其中一个菜单项后，要隐藏列表，需要对代码进行哪些更改？Responsive design 隐藏响应菜单,responsive-design,Responsive Design,我有一个响应固定顶部菜单，点击菜单图标后打开。然后我想在单击其中一个菜单项后隐藏它。否则，它将覆盖部分向上滑动的部分 我使用了本页中的代码： 单击其中一个菜单项后，要隐藏列表，需要对代码进行哪些更改？ 正文{页边距：0；} ul.topnav{ 列表样式类型：无； 保证金：0； 填充：0； 溢出：隐藏； 背景色：#333； } ul.topnav li{float:左；} ul.topnav li a{ 显示：内联块； 颜色：#F2F2； 文本对齐：居中； 填充：14px 16px； 文字装饰
正文{页边距：0；}
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
ul.topnav li{float:左；}
ul.topnav li a{
显示：内联块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
过渡：0.3s；
字号：17px；
}
ul.topnav li a:hover{背景色：#555；}
ul.topnav li.icon{显示：无；}
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav li:not（：第一个子项）{display:none；}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav.responsive{位置：相对；}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}
-
响应式Topnav示例
调整浏览器窗口的大小以查看其工作方式
函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}