简单来说,只需更改网殳陌抻泥页宽度即可。
我们可以在html代码(有些写在CSS里)中找到body的宽度,如:.bodyWrapper{ background:#F2F2F2; width:780px; height:auto; margin:0 auto; overflow:hidden;}
这是CSS中的设置,看一下现在手上的代码是不是写着width:780px?把它改成960px就实现全屏了!
上面是固定宽度的写法,还有一种就是随屏幕大小变换网页的宽度,也就是说,无论你的屏幕多大,永远都是宽屏。我们可以通过不固定绝对宽度来实现:width:98%;这也就是基本的自适应宽度。
当然要完全做到自适应宽度,还需要允许网页宽度自动调整、相对大小的字体、流动布局(fluid grid)、选择加载CSS、CSS的@media规则、图片的自适应(fluid image)。这些调整上都要注意不要使用绝对宽度,使用auto和百分比来代替绝对数值。字体则用倍率来计算。
简单来说就是设定一个固定比例值,再在这个比例值上设定其他的浮动大小。