看板 Web_Design 關於我們 聯絡資訊
今天看到 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看看。 08/31 07:58
ian90911: 這樣可以耶 http://codepen.io/anon/pen/mAbXAp 08/31 09:12
iceleaf: 二樓但我想要限制原本div寬:800px, 高:600px耶~ 08/31 10:10
Ayukawayen: 在onclick裡頭給div增加一個class 然後在CSS將該class 08/31 11:13
Ayukawayen: 寬高設成100% 例:https://jsbin.com/yiqexabepu/1 08/31 11:13
Ayukawayen: code: //jsbin.com/yiqexabepu/1/edit?html,css,js 08/31 11:15
Ayukawayen: 退出全螢幕要讓div大小回復的話 就把新增的class移掉 08/31 11:16
iceleaf: 喔喔喔 成功了 感謝三樓! 在請問一點 如果想滑鼠按下事 08/31 21:33
iceleaf: 件 div回復正常該怎麼做呢.... 08/31 21:34
Ayukawayen: 在事件的處理函式裡 將div的class移除掉 寬高就會變回 09/01 10:54
Ayukawayen: 原本的設定值 09/01 10:54
iceleaf: 感謝! 我再試試! 09/02 23:55