今天我來教大家設計一個色彩絢麗且移動端友好的響應式導航欄。這個導航欄的靈感源自一款叫做“無主之地（borderlands）”遊戲中的一個叫 做maliwan武器生産商商标所采用的顔色集。導航欄會自動根據浏覽器視窗的大小調整布局格式：在pc寬度下呈現為一行按鈕，在平闆寬度下呈現為三行按 鈕，而在移動端則變成了一個菜單欄按鈕連接配接，點選可以顯示和隐藏整個導航欄。為了使這個導航欄做到真正地移動端友好，我們将采用圖示字型來作為導航欄圖 表，這樣的話，當界面放大縮小的時候，圖示也會自動調整分辨率，避免鋸齒（像素過高）和模糊（像素過低）。
https://yqfile.alicdn.com/43330b539a1527f328f6842b9da8c5f0b38a20da.png" >
![“雲釘一體”背後，阿裡雲希望改變什麼？[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)