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