在我們平時的生活工作中裸燎，尤其是電腦手機控，對于全屏都不會陌生泼疑，尤其玩游戲德绿，看視頻等大家都喜歡會全屏模式，因為這樣更爽退渗，哈哈移稳。
那么我們怎么實現(xiàn)全屏，或者說用什么方法可以實現(xiàn)会油，或者說html5可以實現(xiàn)嗎个粱，有幾種方法可以實現(xiàn)呢，今天我們就來分享一下翻翩，教你幾個絕招：
進入和退出全屏
事件監(jiān)聽
css偽類
:fullscreen – 當前全屏化的元素
:fullscreen-ancestor – 所有全屏化元素的祖先元素
標簽屬性
全屏并非簡單地去掉瀏覽器地址欄和狀態(tài)欄而已都许，它和按f11進入全屏有不少區(qū)別：
1）在safari和chrome下稻薇，全屏后的元素全自動全屏居中，且背景色變?yōu)楹谏赫鳌Ｎ覈L試過通過給body設(shè)背景色來改變下背景色的顏色塞椎，失敗。在firefox下睛低，全屏后的背景色為全屏那個元素的背景色案狠，且元素并不居中。如果給body調(diào)全屏钱雷，在webkit內(nèi)核的瀏覽器下和按11進入的全屏效果差得很遠骂铁，主要是背景色問題，而firefox下則效果接近于f11全屏——當然還是有區(qū)別罩抗，比如進入全屏的動畫過程就不相同拉庵。
2）退出全屏是通過給document來調(diào)來cancelFullScreen方法，但如果想讓頁面所有元素全部進入全屏的話套蒂，不能給document調(diào)requestFullScreen钞支，只能給body調(diào)。
3）onFullScreenChange事件的回調(diào)泣懊，在safari里不能寫alert，如果寫alert麻惶，點擊后會自動退出全屏馍刮。
4）按f11進入的全屏，onFullScreenChange事件不會響應(yīng)窃蹋。
5）進入全屏一定要點擊某個節(jié)點卡啰，不能直接調(diào)進入全屏api。mouseover警没、mousemove等接近onload的事件也不行匈辱。click、mousedown杀迹、mouseup事件可以亡脸。策略應(yīng)該同window.open應(yīng)該是一樣的。
6）ios暫不支持全屏api树酪。
喜歡就多點贊轉(zhuǎn)載啦浅碾，也歡迎大家指出不足，共同進步一起飛续语！
