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

如何使网页自适应电脑屏幕分辨率，不管多大的分辨率都是全屏显示的~

1.首先，在网页代码的头部，加入一行viewport元标签。
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;
只能指定百分比宽度：width: xx%;或者width:auto;
3、相对大小的字体
字体也不能使用绝对大小（px），而只能使用相对大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定，字体大小是页面默认大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。
small {
font-size: 0.875em;
}
small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。

body{width: 80% !important;/*宽度80%*/
margin: 0 auto;/*居中对齐*/}

纯css实现不到那个程度，

因为，你想象，
在body里放一个div------让这个div无论何时都100％显示(里面要有内容不然显示不了,比如<img>,<p>，他们的长宽参数也设置成100%或者70％等等)－
当浏览器窗口长宽变化时，div和里面的内容总是跟着动的，这能做到（电脑屏幕如果只有800，那网页就会自动变长），但是要注意这绝对满足不了‘全屏’的要求，拉伸了面积，但是字号、边框宽度都是不变的，所以等于是在改变layout。

如果要做这个效果的话（拉伸浏览器、实时拉伸里面的内容使之永远‘全屏’）：
在以前多是选择做成一个大的flash,100％的长宽贴在网页上，调一些scale参数(方便)，
现在flash变的不那么流行了你可以用javascrip实现(有点麻烦，很少见到这样实现的)，
或者html5的canvas能够达到此效果（可惜ie8以下就别想兼容了）

CSS代码如下：

html,body{
width:100%；
min-height:100%；
margin:0px;
}

CSS调整样式不受浏览器窗口大小影响，如果需要跟随窗口大小改变的话建议用js控制

在布局时,定义宽度时使用百分比,最外层的元素宽度使用100%.对于DIV,在不浮动情况下可不指定宽度,则默认100%,对于表格,需要指定宽度为100%,否则是表格所需的最大宽度.

给你举个例子吧，我觉得你要的可能是类似这种的两列布局（博客中常用到的全屏自适应－－右侧定宽左侧自适应，当然你也可以修改成左侧定宽，右侧自适应)

Css Code：
.main{ margin:0 100px; text-align:center;}
.left{ float:left; margin-right:-300px; width:100%;}
.inleft{ background:#ff0; height:200px; margin-right:300px;padding:10px;}
.right{ background:#ccc; float:right; padding:10px;width:280px;}

Xhtml Code:

<div class="main">
<div class="left">
<div class="inleft">left</div>
</div>
<div class="right">right</div>
</div>

width=100%

---

湘阴县13359607797： CSS怎么实现兼容所有显示分辨率和设备? - ？
茌奔欧瑞： 我觉得以我多年的经验来看应该是这样的:一般采用JS来判断分辨率大小和设备的显示大小.其次调用不同CSS的div实现.如果要采用自使用代码来做会有很多的局限性.没有使用JS来做的效果好.

湘阴县13359607797： div+css怎样在不同分辨率下都实现满屏 代码是什么 - ？
茌奔欧瑞： 你所说的满屏是:网页全屏后布局不会改变是吧?如果是的话,可以这么实现*{ margin:0; padding:0; } body{ width:你要设定的长度,可以是固定的,也可以使用百分比! margin:0 auto; } 这样就可以了!不知道是不是你想知道的回答!如果不行的话,width采用百分比的形式!

湘阴县13359607797： 怎么让css随电脑像素尺寸自适应? - ？
茌奔欧瑞： 第一步:你的这个banner,要设计成左右两端可以与页面背景相融合的那种形式.比如左右两端都用了渐变透明,看上去与整个网页的背景融合在了一起.第二步:这个1000px的banner,在屏幕上居中显示.然后不管你的显示器分辨率多宽,它都会居中.通过这种方式.这个1000px的banner,让人看上去不分显示器分辨率多大,都是通屏显示了...没有其他的办法.除非你不在意图片变形,在网页中用一段js来取当前浏览器的实际宽度,然后用js来改变这个banner的width值.但这样图片会变形的(即便你用等比例缩放,但是放大后图片失真了)

湘阴县13359607797： 如何让网页自动适应显示器不同的“分辨率”? - ？
茌奔欧瑞： 1、打开一个网页,在网页的右上方找到一个“查看”选项. 2、点击“查看”选项,下面出现一个下拉菜单,找到“网页缩放”选项. 3、把鼠标移动到“网页缩放”选项上,自动弹出一个列表菜单,里面就是缩放的比例,只要选择默认也就是100%就OK了,网页就能满屏适应电脑界面了.

湘阴县13359607797： css+div 在不同分辨率下固定在页面的同一个位置 如何实现? - ？
茌奔欧瑞： 如果你的页面都是包在一个div下的话,那给这个div定义一个样式就可以了.div {width:你页面的宽度; margin:0 auto; ...} 注意几点:1、页面必须有DTD文档类型申明;2、外围div要设宽度;3、再加上margin:0 auto就可以了.

湘阴县13359607797： 用DW做的网页怎么用CSS控制页面在不同电脑上浏览时大小不变? - ？
茌奔欧瑞： 楼上的不对! 楼主说的是应该在不同分辨率下,网页随之而改变尺寸!这样才不会出现水平滚动条,如果你定义宽度是950像素的网页,那么在800*600分辨率下的显示器会出现水平滚动条的! 在CSS中宽度部分不适用像素标识,全部使用百分比就可以实现你想要的效果!不过这个有些难,楼主多查一下相关的资料!

湘阴县13359607797： css怎么让一张图片不失真的适应任何屏幕大小的电脑平铺? - ？
茌奔欧瑞： 下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:1、横向铺满,纵向留有空隙或超出屏幕:body {background:url(图片路径) no-repeat center; background-size:100% auto;}2、纵向铺满,横向留有空隙或超出屏...

湘阴县13359607797： 如何用CSS控制网页的大小,是网页在任何分辨率下都能显示正常? - ？
茌奔欧瑞： 一般的嘛,多用相对单位,少用绝对单位~~ 就是多用百分比和em,少用px哈~~

湘阴县13359607797： 在div+css中如何使整个网页的内容都居中,并且无论怎么调分辨率都使整个网页居中？
茌奔欧瑞： 楼上的说的对,还要设个宽度, #container { MARGIN: 0px auto; WIDTH: 900px; BOTTOM: auto; HEIGHT: auto; COLOR: #333; TOP: auto; RIGHT: auto; LIST-STYLE-IMAGE: none; LEFT: auto } 调用时则用<div id=＂container＂>内容</div>

湘阴县13359607797： 如何处理CSS中不同的屏幕分辨率 - ？
茌奔欧瑞： 您说的应该是CSS3的媒体查询哦~ 举例:@media screen and (max-width: 768px) { body { background-color:blue; } } 以上这段代码指的是在屏幕分辨率为768px或小于768px时,body的背景色为blue;768px是ipad的竖屏像素;注意:以上要想有效果,需要在head部分加入以下代码:<meta name=＂viewport content=＂width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no＂/> 希望我的回答能够帮到您哦~