Re: [-Fx-] 隱藏上方頁籤列和工具列

[Futoushi (不等視)]

原文恕刪。


參考上一篇回文的原PO設定試著修改，發現設定後的成果會有一個小問題。

為了讓自動隱藏後的畫面像全螢幕一樣，上一篇的原PO在userChrome.css增加了這段:

https://i.imgur.com/U2cFthY.png

來使原本瀏覽器視窗中的內容往上位移。


但是這會造成要將網頁中的元件放成全螢幕的話，全螢幕後的畫面也會被上移。
(例：播放影片放成全螢幕，如下圖)

https://i.imgur.com/DrsU323.png

對照Youtube的播放列，下方明顯少了一段。


而一般的畫面會像下圖一樣填滿。

https://i.imgur.com/uySeNto.png



修改的想法是想要維持目前的設定(自動隱藏上方瀏覽列時網頁畫面可以延伸)，
但全螢幕模式時(主要是影片的)，可以取消上移的設定，讓全螢幕畫面正常。


由於實在不曉得要如何繼續修改才好，所以上來板上問問看。
希望能得到一些建議或方向，還請大家不吝指教。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.119.157.232
※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1523978252.A.6B3.html
※ 編輯: Futoushi (140.119.157.232), 04/18/2018 15:58:32
推 qxpbyd: sidebar可以針對全螢幕的情況做調整 不知道這行不行
→ qxpbyd: #main-window[inFullscreen] #sidebar-box {
→ qxpbyd: display:none !important;
→ qxpbyd: width: 0px !important;
→ qxpbyd: }  你可以修改後試試看
可以了！

指定全螢幕下的content-deck來重新設定，像下面這樣：

https://i.imgur.com/TgNGmXS.png


感謝回答，謝謝你：)
※ 編輯: Futoushi (140.119.157.232), 04/18/2018 19:51:24