[問題] 如何將div放滿至全螢幕?? iceleaf PTT批踢踢實業坊

[問題] 如何將div放滿至全螢幕??

作者: iceleaf (我行我素我型我塑) 2016-08-30 22:29:04

今天看到 webkitRequestFullScreen() 這個功能
http://codepen.io/Kevin97/pen/LRPxKo
可以將網頁放大至全螢幕，
但如果我想要把這個div放大佈滿至全螢幕(寬高比變形沒關係)
請問有方法可以辦到嗎??

作者: steven11329 (清新柳橙) 2016-08-31 07:58:00

純猜測拿掉width attribute看看。

作者: ian90911 (xopowo) 2016-08-31 09:12:00

這樣可以耶 http://codepen.io/anon/pen/mAbXAp

作者: iceleaf (我行我素我型我塑) 2016-08-31 10:10:00

二樓但我想要限制原本div寬:800px, 高:600px耶~

作者: Ayukawayen (亞布里艾爾發芽>//<) 2016-08-31 11:13:00

在onclick裡頭給div增加一個class 然後在CSS將該class寬高設成100% 例:https://jsbin.com/yiqexabepu/1code: //jsbin.com/yiqexabepu/1/edit?html,css,js退出全螢幕要讓div大小回復的話就把新增的class移掉

作者: iceleaf (我行我素我型我塑) 2016-08-31 21:33:00

喔喔喔成功了感謝三樓! 在請問一點如果想滑鼠按下事件 div回復正常該怎麼做呢....

作者: Ayukawayen (亞布里艾爾發芽>//<) 2016-09-01 10:54:00

在事件的處理函式裡將div的class移除掉寬高就會變回原本的設定值

作者: iceleaf (我行我素我型我塑) 2016-09-02 23:55:00

感謝! 我再試試!

繼續閱讀

Re: [請益] 把資料丟在 html 裡還是用 js 處理？zoko741235 [問題] 下載國外免費模板來修改會有版權問題嗎ha116900 [情報] 以Wireshark分析網路封包 (政府補助課程)kiesoIFRS [問題] 批量儲存網站原始碼（已解決）yak2573 Re: [請益] 圖資公司推薦sean72 [請益] 圖資公司推薦sean72 [問題] 網頁表單驗證，前端做還後端?frank910138 Re: [閒聊]想聽聽前輩的建議和指教~hijkxyzuw [請益] 把資料丟在 html 裡還是用 js 處理？hijkxyzuw [問題] 廣告並排顯示moodyblue