原文恕刪。
參考上一篇回文的原PO設定試著修改,發現設定後的成果會有一個小問題。
為了讓自動隱藏後的畫面像全螢幕一樣,上一篇的原PO在userChrome.css增加了這段:
https://i.imgur.com/U2cFthY.png
來使原本瀏覽器視窗中的內容往上位移。
但是這會造成要將網頁中的元件放成全螢幕的話,全螢幕後的畫面也會被上移。
(例:播放影片放成全螢幕,如下圖)
https://i.imgur.com/DrsU323.png
對照Youtube的播放列,下方明顯少了一段。
而一般的畫面會像下圖一樣填滿。
https://i.imgur.com/uySeNto.png
修改的想法是想要維持目前的設定(自動隱藏上方瀏覽列時網頁畫面可以延伸),
但全螢幕模式時(主要是影片的),可以取消上移的設定,讓全螢幕畫面正常。
由於實在不曉得要如何繼續修改才好,所以上來板上問問看。
希望能得到一些建議或方向,還請大家不吝指教。