使用纯CSS来实现的一个响应式导航菜单，我们使用的是HTML5+CSS3技术，当浏览器窗口变小或者使用手机浏览器访问的时候，原本横条菜单会收缩成一个下拉菜单，当鼠标滑向菜单时下拉展示全部菜单

此方法可以应用到有特别多的链接菜单项目中，特别在移动项目中，它可以将所有菜单转换成一个按钮式的下拉菜单。 HTML 示例中有一个导航菜单的html结构，元素用来定位导航菜单，.current表示当前活动的导航项。 复制代码代码如下: 首页 客户服务 产品展示 经典案例 联系我们