問題描述,如圖所示

D3D1ECEA-DCF0-49E0-B045-1FBAF86D1B63.png
為什么會(huì)產(chǎn)生標(biāo)簽頁上方白條?是因?yàn)槟汩_啟了“自動(dòng)在桌面隱藏和顯示菜單欄”,但關(guān)閉了“自動(dòng)在全屏幕中隱藏和顯示菜單欄”。(正常情況下這兩個(gè)在默認(rèn)設(shè)置中都是開啟的)
我猜測你之所以選擇關(guān)閉后者,是因?yàn)樵?chrome 全屏狀態(tài)中,如果將鼠標(biāo)移至屏幕上方,隱藏的菜單欄加載出來時(shí)瀏覽器畫面會(huì)整體向下平移,鼠標(biāo)移開后菜單欄隱藏,瀏覽器畫面又整體向上平——在 UI 設(shè)計(jì)中這叫做“hover effect”。
所以只要關(guān)閉“自動(dòng)在全屏幕中隱藏和顯示菜單欄”使得 chrome 全屏狀態(tài)時(shí)菜單欄常駐,在你不切換桌面時(shí)就不會(huì)出現(xiàn)這種效應(yīng)。
但如果你沒有同時(shí)關(guān)閉“自動(dòng)在桌面上隱藏和顯示菜單欄”,在你從桌面切換至全屏 chrome 時(shí),就會(huì)出現(xiàn)這種標(biāo)簽頁上方的空白條。我把這稱之為 fake hover 現(xiàn)象——當(dāng)切換桌面時(shí),菜單欄和標(biāo)簽頁之間的空白的長度,剛好等于隱藏菜單欄加載使得瀏覽器畫面懸停時(shí)菜單欄+chrome 窗口控制欄的長度。也就是說 chrome“以為自己還需要懸停”。
解決方法
-
在系統(tǒng)設(shè)置中將自動(dòng)隱藏和顯示菜單欄設(shè)置成始終,或者僅在全屏視圖下
image.png - 不要使用全屏,使用全屏顯示窗口,全屏窗口的使用,在標(biāo)題欄雙擊,即可
