自适应网页导航,HTML+CSS导航栏自适应方案
已经简化了多余代码,直接配置CSS和js即可。头部部分为左侧logo,右侧栏目导航设置。
HTML代码分享
<div class="header"> <div class="logo"><img src="/img/logo.png" /></div> <span class="menuBtn"> <b></b> <b></b> <b></b> </span> <div class="nav dropdown"> <ul> <li><a href="#">首页</a></li> <li><a href='#'>新闻资讯</a></li> <li><a href='#'>产品展示</a></li> <li><a href='#'>联系我们</a></li> </ul> </div> <div class="clearfix"></div> </div>