前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系

pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系

作者头像
smy
发布2018-04-03 16:39:03
1.9K0
发布2018-04-03 16:39:03
举报
文章被收录于专栏:smysmy

如图:

css宽度:1250 不包括滚动条宽度

用控制台箭头选取元素显示的左边的宽度:1250  不包含滚动条宽度

缩放浏览器右上角显示的宽度:1267 包含了滚动条宽度

再看下控制台:

由此可计算浏览器滚动条宽度为:

window.innerWidth - $(window).width()

window.innerWidth: 包含滚动条的宽度

$(window).width(): 不包含滚动条宽度

document相关的方法都不包含滚动条宽度

总结: 

包含滚动条的只有两个:

window.innerWidth 和 缩放浏览器右上角显示的宽度(谷歌浏览器)

其余的css和js获取的宽度都是不包含滚动条宽度的

如有错误请及时指正

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档