PTT數位生活區 / Web_Design

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

看板Web_Design作者 (我行我素 我型我塑)時間8年前 (2016/08/30 22:29), 編輯推噓3(3推 0噓 9→)
留言12則, 4人參與, 最新討論串1/1
今天看到 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
→
08/31 07:58, , 1F
純猜測拿掉width attribute看看。
08/31 07:58, 1F
推
08/31 09:12, , 2F
08/31 09:12, 2F
→
08/31 10:10, , 3F
二樓但我想要限制原本div寬:800px, 高:600px耶~
08/31 10:10, 3F
推
08/31 11:13, , 4F
在onclick裡頭給div增加一個class 然後在CSS將該class
08/31 11:13, 4F
→
08/31 11:13, , 5F
寬高設成100% 例:https://jsbin.com/yiqexabepu/1
08/31 11:13, 5F
→
08/31 11:15, , 6F
code: //jsbin.com/yiqexabepu/1/edit?html,css,js
08/31 11:15, 6F
→
08/31 11:16, , 7F
退出全螢幕要讓div大小回復的話 就把新增的class移掉
08/31 11:16, 7F
→
08/31 21:33, , 8F
喔喔喔 成功了 感謝三樓! 在請問一點 如果想滑鼠按下事
08/31 21:33, 8F
→
08/31 21:34, , 9F
件 div回復正常該怎麼做呢....
08/31 21:34, 9F
推
09/01 10:54, , 10F
在事件的處理函式裡 將div的class移除掉 寬高就會變回
09/01 10:54, 10F
→
09/01 10:54, , 11F
原本的設定值
09/01 10:54, 11F
→
09/02 23:55, , 12F
感謝! 我再試試!
09/02 23:55, 12F
‣ 更多 iceleaf 的文章
文章代碼(AID): #1NnPWqZl (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 iceleaf 的文章
文章代碼(AID): #1NnPWqZl (Web_Design)