首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

网页全屏解决思路

2012-05-24 
网页全屏小弟做了一个网站,我想让网站不管在什么显示器下都能全屏,并且完整显示网站,求大虾们指点!比如说

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

[解决办法]
<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">
试试这种的,试验过,可以的
[解决办法]
可以使用流体布局。

探讨

用流体布局,这样写CSS:

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

热点排行