screen.width和screen.availwidth javascript中的差异

Question

screen.width和screen.availwidth在JavaScript中有什么区别？

在我的系统上都是一样的！

Answer 1

有些东西会阻挡您的一些视口，如历史/书签侧面板。这包括任务栏，除非它在自动隐藏

然后window.screen.width != window.screen.availWidth。 :)

如果您绘制的东西到视，你应该使用availWidth/availHeight，以确定如果事情是关闭视等一定要重新计算窗口大小调整，否则你不会知道当侧面板已关闭。

请注意，并非所有由此属性给出的宽度都可用于窗口本身。当其他窗口小部件占用窗口对象无法使用的空间时，window.screen.width和window.screen.availWidth有所不同。

Source。

Answer 2

window.screen.width - >返回屏幕的宽度。

window.screen.availWidth - >将以像素为单位的水平空间量可用返回到窗口。

最好使用availWidth作为组件示例的可用尺寸。