浏览器的宽高获取

浏览器内容区域与尺寸解析

认识一下浏览器

在这里插入图片描述这里有几个元素,我们拆分开:

  1. 浏览器(不包含底边任务栏的)
  2. 浏览器显示内容的,不包括浏览器中的导航栏和搜索框等的
  3. 浏览器的内容区域,不包括旁边滑动栏的
  4. 浏览器的内容可视区域,不包括旁边滑动栏的以及需要下滑的内容区域的

其实归根结底,就两个元素我们比较在意:width 和 height;后面的所有只不过是加前缀而已

那么,我们需要重新认识几个元素
1 html
在这里插入图片描述看图片左下角,html = 1903*2015
所以 html是不包括滑动栏的内容区域,它的高是包括下面没有显示出的内容的

2 body
在这里插入图片描述可见 body = html

3 然后,我们用像素尺子,测量一下我们的一些其他元素
在这里插入图片描述底边任务栏,大概40px;
在这里插入图片描述上边的一些导航栏啊什么的,大概是100左右,为了精确,我们换算一下;<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值