网页怎么设置成宽屏
简单来说,只需更改网殳陌抻泥页宽度即可。
我们可以在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和百分比来代替绝对数值。字体则用倍率来计算。
简单来说就是设定一个固定比例值,再在这个比例值上设定其他的浮动大小。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:67
阅读量:65
阅读量:86
阅读量:38
阅读量:59