Created
January 26, 2018 09:15
-
-
Save nash403/90bca7fad764ac1e96a2dabe467b7096 to your computer and use it in GitHub Desktop.
Get viewport exact width and height
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// From this SO answer https://stackoverflow.com/a/2035211 | |
function getViewport() { | |
var viewPortWidth; | |
var viewPortHeight; | |
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight | |
if (typeof window.innerWidth != 'undefined') { | |
viewPortWidth = window.innerWidth, | |
viewPortHeight = window.innerHeight | |
} | |
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) | |
else if (typeof document.documentElement != 'undefined' | |
&& typeof document.documentElement.clientWidth != | |
'undefined' && document.documentElement.clientWidth != 0) { | |
viewPortWidth = document.documentElement.clientWidth, | |
viewPortHeight = document.documentElement.clientHeight | |
} | |
// older versions of IE | |
else { | |
viewPortWidth = document.getElementsByTagName('body')[0].clientWidth, | |
viewPortHeight = document.getElementsByTagName('body')[0].clientHeight | |
} | |
return [viewPortWidth, viewPortHeight]; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment