响应式导航栏教程
由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！
对于任何网站来说，拥有一个响应迅速且运行良好的导航栏都至关重要。在本教程中，我们将仅使用 HTML、CSS 和 JS 的基本知识来创建一个响应式导航栏。这包括使用媒体查询、纯 JavaScript 函数和一些 SCSS 代码等基本技术。
响应式导航栏教程
- 介绍
- 基础导航栏项目
- 导航栏列表入门
- 使用 CSS 和 SASS 设置导航栏样式
- 导航栏汉堡菜单
- 响应式媒体查询
- 导航栏的 JavaScript onClick 切换
- 切换导航栏活动状态 CSS 类
- 为移动设备设置导航栏布局样式
- 为导航栏过渡添加动画效果
代码示例（在 CodePen 中）：
https://codepen.io/enhanceux/pen/pogwKdK
Live Server：
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
实时 SASS 编译器：
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live -sass
请关注并支持我：
如果您订阅我的频道，我将不胜感激 :)
想看更多：
我会尽量每天发布优质新内容。以下是最新内容：
文章来源：https://dev.to/adriantwarog/responsive-navbar-tutorial-11ea