自适应网页导航，HTML+CSS导航栏自适应方案

自适应网页导航，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>