# 全屏接口的使用

最新推荐文章于 2022-03-16 15:30:28 发布

7束QW

最新推荐文章于 2022-03-16 15:30:28 发布

阅读量229

点赞数

分类专栏：全屏接口的使用文章标签： css html javascript html5 css3

本文链接：https://blog.csdn.net/V8min/article/details/111651956

版权

全屏接口的使用

1.开启全屏：requestFullScreen()

2.退出全屏:cancelFullScreen()

3.是否是全屏状态:FullscreenElement

兼容性：不同浏览器要添加不同前缀

谷歌：webkit- 火狐：moz- 微软IE：ms-

cancelFullScreen() & FullscreenElement 都是对document进行判断

CSS代码：

 <style>
        .box img {
    
            width: 400px;
            height: 300px;
        }
    </style>
</head>

<body>
    <div class="box" id="box">
        <img src="images/f3.jpg" alt="" id=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

7束QW

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
# 全屏接口的使用

全屏接口的使用1.开启全屏：requestFullScreen()2.退出全屏:cancelFullScreen()3.是否是全屏状态:FullscreenElement兼容性：不同浏览器要添加不同前缀谷歌：webkit- 火狐：moz- 微软IE：ms-cancelFullScreen() & FullscreenElement 都是对document进行判断CSS代码： <style> .box img { widt
复制链接

扫一扫