s10143129
2017-09-04 19:11
我笔记本用screen.width输出屏幕宽度是1366,为什么用window.innerWidth输出值是1517,浏览器可视窗口比整个屏幕都大,这合理吗?
因为有滚动条,innerwidth的宽是包含不可视滚动条那一部分的。
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。
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题