网页全屏

[azfailx]

小弟做了一个网站，我想让网站不管在什么显示器下都能全屏，并且完整显示网站，求大虾们指点！比如说我现在网站在19寸显示器上是全屏显示了 ，可是在24寸显示器上打开就不是全屏得了！！跪求大虾~~~急急急啊！！在线等！！

[d945332077]

可以使用table布局也可以使用百分比定义宽高 随便你

[三石-gary]

使用百分比定义宽高

[Acesidonu]

js控制吧

[JPF1024]

用流体布局，这样写CSS：

body { width:80%;
       height:auto;
       margin-left:5%;
       margin-right:5%;
     }
/** 5%是外边距，可自行调整**/

[wlgtztr2011]

body { width:100%;
height:100%
}

[001007009]

要么流体布局，单位用相对单位
要么写几套css，js判断屏幕，读相应css

[ycproc]

除了JS控制之外 其他的没有什么好办法

要么你就让用户按F11

[azfailx]

谢谢各大虾们的心得分享！！这些方法小弟都试过了，问题是我的背景图就那么大，在小浏览器上面看他倒是够了，可放在大浏览器上面看他就会空白出一些，最大就只能显示出我背景图那么大！！！神哪？？救救我吧！！

[jy02409187]

[Quote=引用 8 楼 的回复:]

谢谢各大虾们的心得分享！！这些方法小弟都试过了，问题是我的背景图就那么大，在小浏览器上面看他倒是够了，可放在大浏览器上面看他就会空白出一些，最大就只能显示出我背景图那么大！！！神哪？？救救我吧！！
[/Quote]

这个就是你背景图的问题，而不是全屏的问题，这个得找你们的设计师去。。。

[kinghome]

无需JS，使用CSS 绝对定位可以实现
body {
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
z-index:10
}
#wallpaper{
width:100%;
height:100%;
z-index:-1;
position:absolute;
}
#wallpaper img{ width:100%; height:100%}
<div id="wallpaper"><img src="...imgPath" /></div>

[azfailx]

[Quote=引用 9 楼 的回复:]
引用 8 楼 的回复:

谢谢各大虾们的心得分享！！这些方法小弟都试过了，问题是我的背景图就那么大，在小浏览器上面看他倒是够了，可放在大浏览器上面看他就会空白出一些，最大就只能显示出我背景图那么大！！！神哪？？救救我吧！！


这个就是你背景图的问题，而不是全屏的问题，这个得找你们的设计师去。。。
[/Quote]



可是总不能把背景图片的尺寸做的很大很大吧？？

[jy02409187]

所以就叫你找设计师去，例如你的图宽是1024的，而现在要在1920的显示器上显示，当图片居中后左右两边会留白，而现在你的想法是不想有留白出现，哪就找设计师给合图片设计出一种过渡的背景颜色或者是1像素的拉伸背景图

[kinghome]

[Quote=引用 10 楼 的回复:]

无需JS，使用CSS 绝对定位可以实现
body {
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
z-index:10
}
#wallpaper{
width:100%;
height:100%;
z-index:-1;
position:absolute;
}
#wall……
[/Quote]
试过这个方法没有？这个方法可以把背景图片自动拉伸到满屏。
缺点：拉伸比例越大，图片越模糊。

[azfailx]

[Quote=引用 13 楼 的回复:]
引用 10 楼 的回复:

无需JS，使用CSS 绝对定位可以实现
body {
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
z-index:10
}
#wallpaper{
width:100%;
height:100%;
z-index:-1;
position:absolute……
[/Quote]


不行啊！！呜呜

[azfailx]

[Quote=引用 12 楼 的回复:]
所以就叫你找设计师去，例如你的图宽是1024的，而现在要在1920的显示器上显示，当图片居中后左右两边会留白，而现在你的想法是不想有留白出现，哪就找设计师给合图片设计出一种过渡的背景颜色或者是1像素的拉伸背景图
[/Quote]

不行啊！！因为我的背景就是整张的具有过度色的，切开了单色拼接效果不好！！

[azfailx]

本来可以用background-size属性实现的 可是IE又偏偏不支持这属性 头疼啊

[圆㺭]

我也遇到过这个问题，最后我是让有背景图内容居中显示，在body添加相近的背景色，这样在不同大小的屏幕中还是会铺满，只是周边空白区域大小不同。

[Lemon萌]

<style>

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

</style>
<img src="images/bg.jpg" class="bg">
试试这种的，试验过，可以的

[JPF1024]

可以使用流体布局。

[Quote=引用 4 楼 的回复:]

用流体布局，这样写CSS：

CSS code
body { width:80%;
height:auto;
margin-left:5%;
margin-right:5%;
}
/** 5%是外边距，可自行调整**/
[/Quote]

[d945332077]

明明背景图只有这么大 你还想拉伸吗？？晕 zoom：（num）；这个只有IE有效