Samdunk
2017-03-13 19:35
screen.availWidth和window.innerWidth的区别是什么
screen.availwidth屏幕可用区域的宽度,就是那块白布的宽度,可以使用的
window.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进阶篇
468195 学习 · 21891 问题
相似问题