[问题] 如何将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