因为，你想象，
在body里放一个div------让这个div无论何时都100％显示(里面要有内容不然显示不了,比如<img>,<p>，他们的长宽参数也设置成100%或者70％等等)－
当浏览器窗口长宽变化时，div和里面的内容总是跟着动的，这能做到（电脑屏幕如果只有800，那网页就会自动变长），但是要注意这绝对满足不了‘全屏’的要求，拉伸了面积，但是字号、边框宽度都是不变的，所以等于是在改变layout。
如果要做这个效果的话（拉伸浏览器、实时拉伸里面的内容使之永远‘全屏’）：
在以前多是选择做成一个大的flash,100％的长宽贴在网页上，调一些scale参数(方便)，
现在flash变的不那么流行了你可以用javascrip实现(有点麻烦，很少见到这样实现的)，
或者html5的canvas能够达到此效果（可惜ie8以下就别想兼容了）怎样使div充满全屏
DIV最外层全屏100%宽度
其实DIV全屏即宽度值设置为100%，如果对网页最外层的DIV盒子不设置宽度，这样盒子依然是全屏相当于100%宽度。
如果对DIV设置全屏，一般我们就设置其width宽度样式为100%。
这里为了方便理解，DIVCSS5实例讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp;同时为了便于观察，我们对div设置一个css背景为黑色，高度为80px。
完整+css代码：
<!DOCTYPE >
< xmlns=":w3/1999/x">
<head>
<meta charset=utf-8 />
<title>div全屏实例</title>
<style>
#warp{ width:100%;height:80px;background:#000}
</style>
</head>
<body>
<div id="warp"></div>
</body>
</>
在一个页面中，只有一个div,想是div充满全屏，常规的想法是设置高度宽度为100% ，代码如下： 但是这样的话，div四周都会有边距，并没充满全屏。解决办法如下： ,body{ margin:0px; height:100%; } #bg{ width:100%; height:100%; MARGIN: 0px auto; background-color:blue; }
在dreamweaver中怎样让一个盒子充满全屏你的需求不是很明白啊，比如<div class="page_speeder_429652309"></div>
扫描仪扫的照片怎样能充满全屏幕
扫描仪扫的照片与想要出现在屏幕上的尺寸是不符合的 如果你想要充满全屏幕必须拉伸 如果这样照片会变形 你只有把照片的尺寸与屏幕 相对应就好了
css设置一张图拉伸填满整个窗口，我们可以通过给这个设置width，height都给他们100%的高度和宽度，然后在就能看到填满全屏了，举个例子：<html>
<head>
<style>
class{
width:100%;
//通过class来控制
height:100%;
}
</style>
</head>
<body>
<div
id='content'>
<div
class='img'>
<img
src='地址'>
</img>
</div>
</body>
</html>
right是无法只适应填满剩余的高度和宽度的，必须设定right的高度，让right的高度大于left的的高度。
<style>
#main{
width:100%;
height:60px;
float:left;
background:#0F0;
}
#left{
height:50px;
width:200px;
background:#90F;
float:left;
}
#right{
width:100%;
background:#FF0;
height:200px;
}
</style>
</head>
<body>
<div id="main"></div>
<div id="left">222222222222</div>
<div id="right">11111111111111</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）