如何让网页自适应分辨率

首先分辨率是什么?

打个比方。分辨率为1366×768时,就是指在等离子屏幕的横向上划分了1366 个像素点,竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高,同一个图片就显得越小越清晰,因为图片的像素是定了的,比如240x240。自己脑补一下,自己的电脑是不是设置分辨率低一点的时候,桌面图标就会变大变模糊呀。1024*768的分辨率是现在比较常见的。

所以前期设计时就应该考虑不同分辨率的问题,1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器,设置为margin:0 auto(居中);然后把所有内容装到里面去。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值