window height code example

Example 1: how to get the height of window in javascript

//get screen height of the device by using
window.innerHeight
//get screen width of the device by using
window.innerWidth

Example 2: get window size javascript

const window {
  width: window.innerWidth,
  height: window.innerHeight
}

Example 3: window viewport size javascript

// viewport dimention 
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);

Example 4: css window height

div {
    height: 100vh;
}

Example 5: css window height

body, html {
  height: 100%;
}

#right {
  height: 100%;
}

Example 6: css window height

.left {
  height: 100vh;
  width: 50%;
  background-color: grey;
  float: left;
}

.right {
  height: 100vh;
  width: 50%;
  background-color: red;
  float: right;
}

Tags:

Css Example