WAP手机版 | 加入收藏 | 设为首页 |

网页怎么设置成宽屏

时间:2014-03-02 21:25:50  来源:  作者:
简单来说,只需更改网页宽度即可。我们可以在html代码(有些写在CSS里)中找到body的宽度,如:.bodyWrapper{ background:#F2F2F2; width:780px; height:auto; margin:0 auto; overflow:hidden;}这是CSS中的设置,看一下现在手上的代码是不是写着width:780px?把它改成960px就实现全屏了!上面是固定

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

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

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

下载 图片 视频
  • ...打开网页怎么老是两边空白,内容全挤在中间了,怎摸调成宽屏  (0)
  • ...台16 10的宽屏显示器,打开网页小字很模糊,大字还好,怎么设置  (1)
  • | 电脑 | | 网络 |
    | 软件 | | 手机 |
    | 游戏 |
  • | 化妆
  • | 搭配
  • | 发型
  • | 美白
  • | 护肤
  • | 减肥
  • | 常识
  • | 家居
  • | 二手车
  • | 小窍门
  • | 礼物
  • | 相亲
  • | 婚姻
  • | 男人
  • | 情人节
  • | 荤菜
  • | 素菜
  • | 汤粥
  • | 西点
  • | 主食
  • | 饮品
  • | 便当
  • | 小吃
  • | 奇闻异事
  • | 惊奇发现
  • | 探索揭秘
  • | 未解之谜
  • | 新鲜看点
  • | 瑜伽
  • | 养生
  • | 便秘
  • | 感冒
  • | 睡眠
  • | 脱发
  • | 营养
  • | 电脑
  • | 网络
  • | 软件
  • | 手机
  • | 游戏