html设计的网页全屏_制作网页如何能让页面全屏！

1、html中如何设置网页满屏显示

你用js来控制就行了

先获取屏幕的宽然后减去你的页面宽然后再除以内二就行

屏幕宽容度:screen.width
我用一个div来演示了:
<div id="div"></div>
<script>
function centers(){
var divs = document.getElementById("div");
document.getElementById("div").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px";
}
</script>

2、html平铺全屏

按F11切换全屏显示

3、网页如何调整成全屏？

1、首先将一个网页点击打开，这里以百度网页为例。

2、打开了之后，在浏览器右上角有三条横线的图标，点击这个图标。

3、点击了之后，这时候就会弹出一个下拉菜单，在这个菜单栏里面点击全屏。

4、点击了之后，这时候网页就调整成全屏模式了。同样如果需要退出全屏，按键盘上的F11键即可。

4、css中如何让网页全屏显示

让页面在不同分辨率下都全屏显示，完整代码参考如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实现两边固定宽度,中间自适应宽度-</title>
<style>
body{ margin:0; padding:10px;}
#head{ margin-bottom:10px; height:50px; background-color:#999999}
#main{}
#left{ width:200px; float:left;margin-right:-200px; background-color:#FF9900}
#mid{ width:auto;background:#00FF00;margin:0 220px;border:1px solid #000;}
#right{ width:200px;margin-left:-200px; float:right; background-color:#CCCC00}
#foot{ margin-top:10px; clear:both; height:50px; background-color:#CCCCCC}

</style>
</head>

<body>
<div id="head">我是头部</div>
<div id="main">
<div id="left">我是左边,宽:200px</div>
<div id="right">我是右边,宽:200px</div>
<div id="mid">我是中间,宽自适应</div>
</div>
<div id="foot">我是底部</div>
</body>
</html>

5、如何让html格式的网页打开实现全屏（不是最大化），除了F11以外，有没有脚本或者什么的？

不太明白你为啥要全屏，一般很少很少有人在html是里面将页面全屏的。
1.你可以在html中用javascript代码来回模拟按键答F11,网上代码可以搜，但这样麻烦。还要调浏览器安全级别。
2.考虑做成一个application应用程序。

6、html 怎么让网页一打开就全屏显示

最简单的方法是打开新的不能最大化的网页后，关掉最先开的，然后最大化窗口，接着关了再开试一下。不行的话就试试以下的方法：
方法一：通过点击链接打开的新窗口都不是最大化的，要想以最大化方式启动，请建立一个ie
浏览器的快捷方式，在快捷方式属性里设置最大化。不过，你可以任意打开一个非最大化的
ie
窗口，用鼠标拖动边框的方式把它拉到最大，尽量覆盖整个桌面，然后关闭窗口。ie
浏览器具有自动记忆窗口大小效应，以最后关闭的
ie
窗口大小为准。以后只要不再调整窗口大小，那么新开的窗口就都是这种最大显示面积的，和最大化的效果也差不多。
方法二：有时会发生这样的情况，即ie的窗口会变小，每次重新启动ie都是一个小窗口，即使用“最大化”按钮也无济于事，其实这是ie窗口的一种“记忆”效果，我们可以在注册表中进行修改。
①运行regedit，打开注册表编辑器；
②依次展开“hkey_current_user\software\microsoft\internet
explorer\main”分支，在右边的窗口中删除“window_placement”子键；
③再展开“hkey_current_user\software\microsoft\internet
explorer\desktop\old
workareas”分支，在右边窗口中删除“oldworkarearects”键；
④关闭注册表，重新启动计算机；
⑤打开ie，连续两次最大化ie窗口（即“最大化”——“还原”——“最大化”），点×号关闭ie；
⑥再次重新启动ie。打开ie浏览器，最大化，然后最小化，再最大化，关闭ie浏览器。以后再使用ie浏览器，窗口打开就为最大化了。

7、制作网页如何能让页面全屏！

如果您想要让指定网页页面全屏显示的话，您可以在该页面的html源代码文件中，添加下面的代码就能实现了：
<form>
<div align="center">
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, ''big'', ''fullscreen=yes'')">
</div>
</form>

如果这个方法不满意，你可以做一个flash。把网页嵌到里面。

8、css怎么让网页各屏背景全屏显示

css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：
<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px;
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>

9、Web开发的教程，怎么让网页全屏显示

可以通过Fullscreen API中的requestFullScreen方法来实现。由于该方法还未标准化，因此还需要加上特定浏览器前缀。

Javascript代码
// 找到正确的方法
function launchFullScreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}

// 启动全屏模式
launchFullScreen(document.documentElement); // 整个页面
launchFullScreen(document.getElementById("videoElement")); // 单独元素

取消全屏模式

可以使用cancelFullScreen方法（也需要加上前缀）从全屏模式恢复到标准模式。

Javascript代码
function cancelFullscreen() {
if(document.cancelFullScreen) {
document.cancelFullScreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}

// 取消全屏
cancelFullscreen();

需要注意的是，cancelFullScreen只被文档对象调用，无需单个元素调用。

全屏属性和事件

document.fullScreenElement：当前全屏显示的元素。
document.fullScreenEnabled：判断浏览器是否支持全屏。
fullscreenchange事件：全屏状态改变事件。
fullscreenchange事件要绑定在document上，该事件仅在全屏状态改变时触发，默认没有任何动作。

Javascript代码
var fullscreenElement = document.fullScreenElement || document.mozFullScreenElement || document.webkitFullScreenElement;
var fullscreenEnabled = document.fullScreenEnabled || document.mozScreenEnabled || document.webkitScreenEnabled;

全屏CSS

全屏效果的CSS代码：

Css代码
/* html */
:-webkit-full-screen {
background: pink;
}
:-moz-full-screen {
background: pink;
}

/* deeper elements */
:-webkit-full-screen video {
width: 100%;
height: 100%;
}

导航:首页 > 万维百科 > html设计的网页全屏

html设计的网页全屏

与html设计的网页全屏相关的知识