pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系
2024-04-03 13:10:45
如图：
css宽度：1250 不包括滚动条宽度
用控制台箭头选取元素显示的左边的宽度：1250 不包含滚动条宽度
缩放浏览器右上角显示的宽度：1267 包含了滚动条宽度
再看下控制台：
由此可计算浏览器滚动条宽度为：
window.innerWidth - $(window).width()
window.innerWidth： 包含滚动条的宽度
$(window).width()： 不包含滚动条宽度
document相关的方法都不包含滚动条宽度
总结：
包含滚动条的只有两个:
window.innerWidth 和 缩放浏览器右上角显示的宽度（谷歌浏览器）
其余的css和js获取的宽度都是不包含滚动条宽度的
如有错误请及时指正
最新文章
- vim编辑技巧
- 在WebApi中 集成 Swagger
- bzoj1080
- c#类库和可移值类库的区别
- 如何写好一篇高质量的paper
- nginx 一二事(2) - 创建虚拟静态服务器
- 关于使用Exception的一点心得
- 12天学好C语言——记录我的C语言学习之路（Day 7）
- Source Insight 3.X 插件支持utf8，完美解决中国乱码，连接到美丽的轮廓
- Windows Phone 8 ControlTiltEffect
- BAPI_GOODSMVT_CREATE 移动类型201 CODE = '03' 代码
- 为什么我们要使用Async、Await关键字
- paxos 算法原理学习
- P1772 [ZJOI2006]物流运输
- MySQL用户远程登录问题
- nginx实践(五)之代理服务(正向代理与反向代理介绍)
- gulp构建自动化项目
- cpgf如何实现lua script binding的？
- mysql数据库指定ip远程访问 指定用户 指定数据库
- Andriod开发第一步-部署环境（搬运&&总结）