不太明白你为啥要全屏，一般很少很少有人在html是里面将页面全屏的1你可以在html中用javascript代码来模拟按键F11，网上代码可以搜，但这样麻烦还要调浏览器安全级别2考虑做成一个application应用程序；自己加五张图片，然后lt！doctype html lthtml lthead lt！声明当前页面的编码集charset=gbk，gb2312中文编码，utf8国际编码 ltmeta。

2因为background属性不能拉伸图片，只能用个div，把其zindex值设为负，并使这个div大小为整个body大小，在div里用ltimg，其中zindex1为了让该div在最下层，也就是背景示例lthtml lthead ltmeta；1打开你的浏览器2打开浏览器之后，找到右上方设置按钮3点击全屏即可，也可以直接按键盘的F114快捷键需要自己设置，通常默认通用是FN+F11，同时按住“Fn+F11”组合键来开启全屏，再按一次即可退出全屏。

网页全屏显示代码系列 1打开全屏窗口 方法如下 一将下面的代码放在ltHEAD与ltHEAD之间 ltscript language=quotJavaScriptquot lt！ function callhtmlurl var newwin=windowopenhtmlurl，quotairWinquot，quottop=0，left=0，toolbar=no，location=no，directories=no，status=no，menubar=no，scroll。

html5视频全屏代码

1最简单方法使用css30新增的一个属性backgroundsize，代码如图IE8以下不支持2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后打开浏览器效果如图所示5之后使用jQuery模拟的方法css代码如图6然后。

如果对DIV设置全屏，一般我们就设置其width宽度样式为100%这里为了方便理解，DIVCSS5实例讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp同时为了便于观察，我们对div设置一个css背景为黑色，高度为80px完整html+css代码lt！DOCTYPE html lthtml xmlns=quot lthead。

需要注意的是，虽然标题可能让人误解，但这是出于video元素在网页中广泛应用的考虑实际上，全屏方法并不局限于video，而是可以应用于其他HTML元素无需关注或转发，本文提供的实例代码将直接解答你的问题如果你在全屏功能的实现上遇到疑问，这篇文章希望能对你有所帮助。

var targeturl=quotnewwin=windowopenquotquot，quotnewWindowquot，quotresize=noquotif documentall newwinmoveTo0，0newwinresizeToscreenwidth，screenheight newwinlocation=targeturl ltscript lthead ltbody lta href=quot###quot onclick=quotopenWinquotddddddd。

这段CSS代码会使背景图片铺满整个屏幕，保持图片的纵横比，并使其在页面滚动时保持固定位置需要注意的是，这里使用了backgroundsize cover属性，这意味着图片会被缩放以完全覆盖背景区域，同时保持图片的原始宽高比，不会被拉伸或变形此外，背景图片的路径应正确无误，且在HTML文件中位于正确的位置。

html 如何设置全屏

第一步在网上下载一个全屏海报制作工具将制作好的全屏海报上传到店铺的图片地址链接，或者淘宝图片空间里然后，在全屏海报制作工具中，将海报的地址粘贴到地址框里注意不要在海报图片链接后面输入任何内容点击生成代码，就可以看到全屏海报的代码了第二步创建HTML页面打开安装好的Dreamweaver。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitlelt！ 在这里加入css样式即可意思是所去除body的边距和填充句 ltstylebodymargin0padding0ltstyleltheadltbodylttable border=quot1quot cellpadding=quot0quot cellspacing=quot0quot width=quot100%quotlttr。

1 在HTML文件的部分添加如下CSS样式2 CSS代码如下body backgroundimage url#39你的图片路径#39backgroundsize coverbackgroundposition centerbackgroundattachment fixed 这段CSS代码中，backgroundimage用于指定背景图片的路径backgroundsize设置为cover，确保背景图片能够铺满整。

通常，浏览器提供了一个全屏模式的快捷方式在大部分现代浏览器中，可以通过按下键盘上的F11键来进入全屏模式进入全屏模式后，网页会充满整个屏幕，提供沉浸式的浏览体验对于开发者，若希望网页默认在加载时即全屏显示，可以通过HTML和CSS代码实现在HTML文档中，可以使用``标签添加特定的元信息例如。

html设置背景图片全屏的方法首先新建一个html文档然后把背景图片设置在同一个文件夹里接着添加style标签最后通过“backgroundimage”以及“backgroundrepeat”属性实现背景图片全屏的设置即可1新建一个html文档设置一下HTML的框架，然后把图片设置在同一个文件夹里面2加入style type=text。

用Dreamweaver软件编辑copy 一打开Dreamweaver，然后选中html，出来了一个html标准文档二在标签里添加文件路径，语法如下这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次三在里添加样式，代码如下style=quot backgroundrepeatnorepeat backgroundsize100% 100%？background。