开始之前 按照计划，前端使用Vue.js+Element UI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在其基础上改造，由于我认为实现移动端良好的体验是必须的，所以便萌生了给其增加响应式功能的想法。 需求分析与拆解 假设我们的导航栏有logo和四个el-menu-item。 给window绑定监听事件，当宽度小于a时，四个链接全部放入右侧el-submenu的子菜单： 当宽度大于a时，右侧el-submenu不显示，左侧el-menu-item正常显示： 所以，先创建一个数组，存储所有所需的

主要介绍了element-ui 实现响应式导航栏的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

响应式导航栏css样式，附源码