html js : 文档类型pehtmlhtmlheadmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width， initial-scale=1shrink-to-fit=no ' title jquery自适应网页顶部导航菜单/titlelinkrel=' style sheet ' href=' CSS/headbodydivclass=' c-nav ' divclass=' containernavflex ' divclass=' flex item ' img class=' logo ' src=' img/wunsuuss divdivclass=' flexitemhiden ' img class=' BTN img ' src=' img/nav BTN.png '/divdivclass=' flexitemshow ' us '网上商城/a/lilia href='# '招商加盟/a/lilia href='# '行业新闻/a/lilia href=' # ' avascript ' src=' js/jquery.Mimi //导航栏上的按钮$ ().BTNimg ().click (function ) ) if (toggle ($ ) ).BTNimg ()、(border )、) 1px solid # 谷歌=真； }$('.show ' ).slideToggle ) ) 300； ()//窗口将更改大小($($(window ).resize ) function ) )//窗口宽度varwindsize=$ (window ).width )； if(windsize576 ) ($(.show ) ).slideDown(0) ) 0； }else{$('.show ' ).slideUp(0) ) 0； ()；/script/body/html CSS:{ margin :0； padding:0； 列表样式类型： none； }.container { max-width :1140 px； margin :0自动； }.c-nav.show { display :在线- block； }.c-nav .hiden{display: none； }/*导航kndyz/.c-nav{width: 100%； 背景色：黑色； }.c-nav.nav flex { display : flex； display: -webkit-flex； justify-content 3360 space-between； - WebKit-justify-content : space-between； align-items3360中心； -WebKit-align-content:中心； color:白色； }.c-nav ul{list-style: none； 玛姬- bottom : 0px； padding-left: 0px； }.c-navul Li { padding 336015 px0px 15 px0px； 玛姬- left : 30px； display :在线区块； }.c-nav ul li a{color: white； 填充- bottom : 2px； 文本修饰：无； 边框-底部33603 pxsolidtransparent； }.c-navul lia : hover { border-bottom 33603 px solid # e 4c 17 e； }.c-nav .徽标{Height:40px； }.c-nav .btnImg{height: 20px； width: 25px； padding: 3px 8px 3px 8px； 盒装： content-box； border : 1px固态传输； } @ mediascreenand (max-width :1200 px ).c-navulLi ) margin-left:20px； } @ mediascreenand (max-width :992 px ).c-navulLi ) margin-left:10px； } @ mediascreenand (max-width 3360768 px ).c-nav ul li:nth-child(5(4)， c-navulLi:nth-child )5) DD } padding: 10px 0px 10px 0px； opacity: 0.9； }.c-nav.nav flex { flex-wrap : wrap； font-size: 20px； justify-content 3360 space-between； }.c-nav .徽标{Height336030px； }.c-navul Li { padding-top :10 px； margin-left: 0px； 显示： block； }.c-navul lia { border-bottom 33603 pxsolidtransparent； }.c-navula : hover { border-bottom :3 px solid # e 4c 17 e； }.c-nav ul li:nth-child(5(4， c-navulLi:nth-child )5) {display: block； }.c-nav.hiden { display : block； }.c-nav .show{width: 100%； font-size: 14px； 文本对齐3360中心； 显示：无； }注意：此程序依赖于jquery库。 请自行下载并选择适当的路径，或使用远程cdn地址： https://cdn.boot CSS.com/jquery/3.4.1/jquery.js