html元素全屏

html-css023

html元素全屏,第1张

html实现元素全屏的时候，会在该元素上加上如下css，该css无法被覆盖和修改。

我们可以通过对元素通过调用requestFullscreen来开启全屏

通过调用document.exitFullscreen来退出全屏

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在<style></style>标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。