重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
纯css实现不到那个程度,
十年的霍州网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整霍州建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“霍州网站设计”,“霍州网站推广”以来,每个客户项目都认真落实执行。
因为,你想象,
在body里放一个div------让这个div无论何时都100%显示(里面要有内容不然显示不了,比如img,p,他们的长宽参数也设置成100%或者70%等等)-
当浏览器窗口长宽变化时,div和里面的内容总是跟着动的,这能做到(电脑屏幕如果只有800,那网页就会自动变长),但是要注意这绝对满足不了‘全屏’的要求,拉伸了面积,但是字号、边框宽度都是不变的,所以等于是在改变layout。
如果要做这个效果的话(拉伸浏览器、实时拉伸里面的内容使之永远‘全屏’):
在以前多是选择做成一个大的flash,100%的长宽贴在网页上,调一些scale参数(方便),
现在flash变的不那么流行了你可以用javascrip实现(有点麻烦,很少见到这样实现的),
或者html5的canvas能够达到此效果(可惜ie8以下就别想兼容了)
让页面在不同分辨率下都全屏显示,完整代码参考如下:
!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让网页各屏背景全屏显示,首先需要理解就是浏览器展示区域,其实就是body这个部分,想要让背景全屏的话,需要用到css的background这个属性,在选择好背景的图片就可以了,具体看下代码:
html
head
style
body{
background:url('图片地址')repeat 0px 0px;
}
/style
/head
body
p我是测试文字/p
/body
/html
这肯定是你的CSS代码有问题。 要控制body的CSS样式。没见你的代码,不好说。这好像不是太复杂的问题。