大尺寸网页在小分辨率显示器上或小窗口上的居中显示

最近一直加班,加班,不开心。

做了一个页面是1920px的,有两种方式可以使屏幕居中显示。

第一种

body{

  text-align:center;

   overflow:hidden;

   margin:0 auto;

}

我做的网页不是直接一个下来的。里面用到了posittion的absolute和relative,然后打开一看什么鬼,错位了啊。

找到了一种比较好用的方法,

第二种,是百度了度娘出来的方法,真的可以,网页全部显示了,然后打开的时候底部x的滚动条是居中的,虽然第一种方法是有内涵写吧,但是在html写好的基础上就用上了这一种    <body οnlοad="window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)">

直接在body里面加入这个属性,好像由于用了js很多浏览器都是支持的,至少我装的电脑版本上的ie,chrome,Firefox,还有ie都是没有问题的,o ,还有safiric也是好的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值