【每日一博】移动端友好的响应式导航栏教程

今天我来教大家设计一个色彩绚丽且移动端友好的响应式导航栏。这个导航栏的灵感源自一款叫做“无主之地（borderlands）”游戏中的一个叫 做maliwan武器生产商商标所采用的颜色集。导航栏会自动根据浏览器窗口的大小调整布局格式：在pc宽度下呈现为一行按钮，在平板宽度下呈现为三行按 钮，而在移动端则变成了一个菜单栏按钮连接，点击可以显示和隐藏整个导航栏。为了使这个导航栏做到真正地移动端友好，我们将采用图标字体来作为导航栏图 表，这样的话，当界面放大缩小的时候，图标也会自动调整分辨率，避免锯齿（像素过高）和模糊（像素过低）。

https://yqfile.alicdn.com/43330b539a1527f328f6842b9da8c5f0b38a20da.png" >