码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器的视图模块整理

时间:2017-07-03 12:12:28      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:http   ges   png   isp   不同   显示   数值   说明   注意   

1.innerWidth

innerWidth获取的是当前窗口下body元素的宽度(注意“当前窗口”,什么意思呢?当你把浏览器窗口的缩放到不同大小时,innerWidth的数值是会改变的),为了让大家不会误解,我截了个图加以说明,如图,显示的是body宽度为928.8px但是弹出来的确是946px,这是为什么呢。少了17.2px去哪了?对浏览器滚动条有所了解的同学可能马上就明白了,浏览器的滚动条宽度为17.2px,所以body的宽度为928.8px。恩,到这里没毛病,innerWidth获取的就是body的元素的宽度,换种说法就是获取文档的宽度

技术分享

 

技术分享

2.innerHeight

innerHeight获取的是当前窗口显示区文档的高度。

技术分享

浏览器的视图模块整理

标签:http   ges   png   isp   不同   显示   数值   说明   注意   

原文地址:http://www.cnblogs.com/zhanghanghang/p/7109847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!