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

[iceleaf (我行我素 我型我塑)]

今天看到 webkitRequestFullScreen() 這個功能

http://codepen.io/Kevin97/pen/LRPxKo

可以將網頁放大至全螢幕，

但如果我想要把這個div放大佈滿至全螢幕(寬高比變形沒關係)

請問有方法可以辦到嗎??

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.112.85
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1472567348.A.8EF.html
→ steven11329: 純猜測拿掉width attribute看看。
推 ian90911: 這樣可以耶 http://codepen.io/anon/pen/mAbXAp
→ iceleaf: 二樓但我想要限制原本div寬:800px, 高:600px耶~
推 Ayukawayen: 在onclick裡頭給div增加一個class 然後在CSS將該class
→ Ayukawayen: 寬高設成100%  例:https://jsbin.com/yiqexabepu/1
→ Ayukawayen: code:  //jsbin.com/yiqexabepu/1/edit?html,css,js
→ Ayukawayen: 退出全螢幕要讓div大小回復的話 就把新增的class移掉
→ iceleaf: 喔喔喔 成功了  感謝三樓! 在請問一點 如果想滑鼠按下事
→ iceleaf: 件  div回復正常該怎麼做呢....
推 Ayukawayen: 在事件的處理函式裡 將div的class移除掉 寬高就會變回
→ Ayukawayen: 原本的設定值
→ iceleaf: 感謝! 我再試試!