gliesche / understand-your-screen

What are the different height/width values for your screen?

Prints the values that your browser returns for:

• screen.width
• screen.height
• screen.availWidth
• screen.availHeight
• window.outerWidth
• window.outerHeight
• window.innerWidth
• window.innerHeight
• document.body.clientWidth
• document.body.clientHeight
• document.body.offsetWidth
• document.body.offsetHeight

Orientationchange and resizing browser adjusts the values.

Go to http://screen.fwd.io to see it in action.