作者iceleaf (我行我素 我型我塑)
看板Web_Design
標題[問題] 如何將div放滿至全螢幕??
時間Tue Aug 30 22:29:04 2016
今天看到 webkitRequestFullScreen() 這個功能
http://codepen.io/Kevin97/pen/LRPxKo
可以將網頁放大至全螢幕,
但如果我想要把這個div放大佈滿至全螢幕(寬高比變形沒關係)
請問有方法可以辦到嗎??
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.112.85
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1472567348.A.8EF.html
1F:→ steven11329: 純猜測拿掉width attribute看看。 08/31 07:58
3F:→ iceleaf: 二樓但我想要限制原本div寬:800px, 高:600px耶~ 08/31 10:10
4F:推 Ayukawayen: 在onclick裡頭給div增加一個class 然後在CSS將該class 08/31 11:13
6F:→ Ayukawayen: code: //jsbin.com/yiqexabepu/1/edit?html,css,js 08/31 11:15
7F:→ Ayukawayen: 退出全螢幕要讓div大小回復的話 就把新增的class移掉 08/31 11:16
8F:→ iceleaf: 喔喔喔 成功了 感謝三樓! 在請問一點 如果想滑鼠按下事 08/31 21:33
9F:→ iceleaf: 件 div回復正常該怎麼做呢.... 08/31 21:34
10F:推 Ayukawayen: 在事件的處理函式裡 將div的class移除掉 寬高就會變回 09/01 10:54
11F:→ Ayukawayen: 原本的設定值 09/01 10:54
12F:→ iceleaf: 感謝! 我再試試! 09/02 23:55