手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

网页怎么设置成宽屏

时间:2024-10-17 08:57:56

简单来说,只需更改网殳陌抻泥页宽度即可。

我们可以在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和百分比来代替绝对数值。字体则用倍率来计算。

简单来说就是设定一个固定比例值,再在这个比例值上设定其他的浮动大小。

© 手抄报圈