Давайте посмотрим на объект window.screen
:
Screen {availWidth: 1920, availHeight: 1040, width: 1920, height: 1080, colorDepth: 24, …}
availHeight: 1040
availLeft: 0
availTop: 0
availWidth: 1920
colorDepth: 24
height: 1080
orientation: ScreenOrientation {angle: 0, type: "landscape-primary", onchange: null}
pixelDepth: 24
width: 1920
__proto__: Screen
Это то, что у меня есть в моем браузере chrome. (Мой экран имеет 1920px/1080px
)
Как видно, у нас есть различные члены Screen
, включая полную высоту, ширину, а также доступные. availableHeight
отложено для заголовков / навигации браузера.
https://www.w3schools.com/js/js_window_screen.asp