Get The Screen Width & Height Without JavaScript

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

Original source can be viewed at: css-tip.com Very neat and clever. @property --_w { syntax : '<length>' ; inherits : true ; initial-value : 100vw ; } @property --_h { syntax : '<length>' ; inherits : true ; initial-value : 100vh ; } :root { --w : tan ( atan2 ( var ( --_w ) , 1px ) ) ; /* screen width */ --h : tan ( atan2 ( var ( --_h ) , 1px ) ) ; /* screen height*/ /* The result is an integer…

@property --_w {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vw;
}
@property --_h {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vh;
}
:root {
  --w: tan(atan2(var(--_w),1px)); /* screen width */
  --h: tan(atan2(var(--_h),1px)); /* screen height*/
  /* The result is an integer without unit  */
}

Read on brootaylor.com ↗