css样式全屏,html5全屏

css中如何让网页全屏显示

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

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" 

html xmlns="" 

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

相关问答

Q1: css怎么实现无论电脑多大的分辨率 网页拖拉显示都是全屏呢

纯css实现不到那个程度，

因为，你想象，

在body里放一个div------让这个div无论何时都100％显示(里面要有内容不然显示不了,比如img,p，他们的长宽参数也设置成100%或者70％等等)－

当浏览器窗口长宽变化时，div和里面的内容总是跟着动的，这能做到（电脑屏幕如果只有800，那网页就会自动变长），但是要注意这绝对满足不了‘全屏’的要求，拉伸了面积，但是字号、边框宽度都是不变的，所以等于是在改变layout。

如果要做这个效果的话（拉伸浏览器、实时拉伸里面的内容使之永远‘全屏’）：

在以前多是选择做成一个大的flash,100％的长宽贴在网页上，调一些scale参数(方便)，

现在flash变的不那么流行了你可以用javascrip实现(有点麻烦，很少见到这样实现的)，

或者html5的canvas能够达到此效果（可惜ie8以下就别想兼容了）

Q2: css怎么让网页各屏背景全屏显示

css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：

html

head

style

body{

background:url('图片地址')repeat 0px 0px;

}

/style

/head

body

p我是测试文字/p

/body

/html