屏幕宽度和浏览器可视宽度对比的问题

来源:9-18 浏览器窗口可视区域大小

s10143129

2017-09-04 19:11

我笔记本用screen.width输出屏幕宽度是1366,为什么用window.innerWidth输出值是1517,浏览器可视窗口比整个屏幕都大,这合理吗?

写回答 关注

3回答

  • 慕移动9181930
    2022-03-27 15:37:26
  • 这就尴尬了
    2018-04-24 10:41:30

    因为有滚动条,innerwidth的宽是包含不可视滚动条那一部分的。

  • 慕沐2804471
    2017-09-06 14:10:37

    screen:屏幕。这一类取到的是关于屏幕的宽度和距离,与浏览器无关,应该是获取window对象的属性。
    client:使用区、客户区。指的是客户区,当然是指浏览器区域。
    offset:偏移。指的是目标甲相对目标乙的距离。
    scroll:卷轴、卷动。指的是包含滚动条的的属性。
    inner:内部。指的是内部部分,不含滚动条。
    avail:可用的。可用区域,不含滚动条,易与inner混淆。

    window.innerWidth/innerHeight:浏览器可见区域的内宽度、高度(不含浏览器的边框,但包含滚动条)。兼容:ie9/10、chrome、firefox。

    window.screen.availWidth/availHeight:屏幕的可用宽度、高度(通常与屏幕的宽度、高度一致)。兼容性:ie6/7/8/9/10、chrome、firefox。

    爱上慕婉清6... 回复s10143...

    其实是有办法让window.innerWidth输出值超出屏幕宽度的,毕竟屏幕宽度是死的,但浏览器内部是能对网页大小进行缩放的,你那个就是浏览器对网页进行缩小了,这样window.innerWidth输出值自然就变大了

    2017-09-26 18:05:24

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题