漢堡菜單(dan)作(zuò)爲(wei)移動(dòng)優(you)先(xian)設(shè)計(ji)的(de)典型代(dai)表，以(yi)其獨特的(de)優(you)勢(shi)在(zai)移動(dòng)設(shè)備(bei)的(de)導(dao)航設(shè)計(ji)中(zhong)被廣(guang)泛應用(yong)。漢堡菜單(dan)由三條平行的(de)線(xiàn)條組成(cheng)，形似漢堡，故而得名(míng)。它最大(da)的(de)優(you)勢(shi)在(zai)于(yu)能(néng)夠巧妙地節(jie)省屏幕空間，将衆多(duo)的(de)導(dao)航選項(xiang)隐藏在(zai)一(yi)箇(ge)簡潔的(de)圖标之(zhi)下。當用(yong)戶(hu)點擊漢堡菜單(dan)時，隐藏的(de)導(dao)航菜單(dan)會以(yi)滑動(dòng)、彈出等(deng)形式(shi)展(zhan)開，展(zhan)示出完整的(de)導(dao)航選項(xiang)。這種設(shè)計(ji)方(fang)式(shi)不僅避免了(le)在(zai)有(yǒu)限(xian)的(de)屏幕空間內(nei)堆砌過(guo)多(duo)的(de)導(dao)航元素，保持了(le)界面的(de)簡潔美觀，還能(néng)讓用(yong)戶(hu)在(zai)需要時快速(su)找到(dao)所需的(de)導(dao)航選項(xiang)，操作(zuò)便捷高(gao)效。例如，許多(duo)知名(míng)的(de)社(she))交媒體(ti)應用(yong)咊(he)電(dian)商(shang)平檯(tai)，如微信(xin)、淘寶等(deng)，在(zai)移動(dòng)端都采用(yong)了(le)漢堡菜單(dan)，用(yong)戶(hu)隻需輕松點擊一(yi)下，就能(néng)快速(su)訪問到(dao)各種功能(néng)頁(yè)面，大(da)大(da)提升了(le)用(yong)戶(hu)的(de)操作(zuò)體(ti)驗(yàn)。

@media (max-width: 768px) {
  /* 當屏幕寬度小(xiǎo)于(yu)等(deng)于(yu)768px時應用(yong)以(yi)下樣式(shi) */
  .nav-menu {
        flex-direction: column; /* 将導(dao)航菜單(dan)的(de)排(pai)列方(fang)向改爲(wei)垂直 */
    }
  .nav-item {
        font-size: 18px; /* 增大(da)導(dao)航項(xiang)文(wén)字字号 */
        padding: 15px; /* 增加(jia)導(dao)航項(xiang)的(de)內(nei)邊距，擴大(da)點擊區(qu)域(yu) */
    }
}