1、首先需要打开sublimeText编辑器。
2、然后需要按照图示代码编写一个html页面,并且放入一张背景。
3、效果显示如下图,图片还是原来大小的背景。
4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。
5、效果显示如下图,图片table高度把屏幕占满。
html实现元素全屏的时候,会在该元素上加上如下css,该css无法被覆盖和修改。
我们可以通过对元素通过调用requestFullscreen来开启全屏
通过调用document.exitFullscreen来退出全屏
步骤一、首先打开需要修改的HTML文件。
步骤二、然后始化样式,将代码添加在<style></style>标签内。
步骤三、添加一个div容器,然后命名为bg-box
步骤四、背景全屏需要容器全屏,将bg-box的样式补全。
步骤五、设置完毕,图片背景以及全屏了。