The purpose of this code is demonstrate how data can be collecting for basing the web layout on the type of device being used to view the page. The values for the window size are refreshed when the window changes size.

This is a screen-only div.

This is a print-only div.

This is a handheld-only div.

Window properties

  1. innerWidth in pixels =
  2. innerHeight in pixels =
  3. outerWidth in pixels =
  4. outerHeight in pixels =
  5. devicePixelRatio =

Screen properties

Navigator properties