PTT數位生活區 / Browsers (瀏覽器)

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

看板Browsers (瀏覽器)作者 (不等視)時間7年前 (2018/04/17 23:17), 7年前編輯推噓1(1推 0噓 4→)
留言5則, 1人參與, 7年前最新討論串3/4 (看更多)
原文恕刪。 參考上一篇回文的原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
推
04/18 17:05, 7年前 , 1F
sidebar可以針對全螢幕的情況做調整 不知道這行不行
04/18 17:05, 1F
→
04/18 17:06, 7年前 , 2F
#main-window[inFullscreen] #sidebar-box {
04/18 17:06, 2F
→
04/18 17:06, 7年前 , 3F
display:none !important;
04/18 17:06, 3F
→
04/18 17:07, 7年前 , 4F
width: 0px !important;
04/18 17:07, 4F
→
04/18 17:07, 7年前 , 5F
} 你可以修改後試試看
04/18 17:07, 5F
可以了！ 指定全螢幕下的content-deck來重新設定，像下面這樣： https://i.imgur.com/TgNGmXS.png
感謝回答，謝謝你：) ※ 編輯: Futoushi (140.119.157.232), 04/18/2018 19:51:24
‣ 更多 Futoushi 的文章
文章代碼(AID): #1QrX0CQp (Browsers)
Browsers 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 Futoushi 的文章
文章代碼(AID): #1QrX0CQp (Browsers)