成都网站建设设计

将想法与焦点和您一起共享

css样式全屏,html5全屏

css中如何让网页全屏显示

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

创新互联10多年企业网站制作服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站制作及推广,对成都电动窗帘等多个方面拥有丰富的网站制作经验的网站建设公司。

!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

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

纯css实现不到那个程度,

因为,你想象,

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

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

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

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

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

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

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

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

html

head

style

body{

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

}

/style

/head

body

p我是测试文字/p

/body

/html


网站标题:css样式全屏,html5全屏
标题网址:http://chengdu.cdxwcx.cn/article/dsseidi.html