当前位置: 代码迷 >> HTML/CSS >> 网页全屏解决思路
  详细解决方案

网页全屏解决思路

热度:272   发布时间:2012-05-24 11:55:41.0
网页全屏
小弟做了一个网站,我想让网站不管在什么显示器下都能全屏,并且完整显示网站,求大虾们指点!比如说我现在网站在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%是外边距,可自行调整**/
  相关解决方案