Welcome to hampson.us
♦ Viewport Dimensions


... providing superior software
solutions for over 15 years ...




Viewport Dimensions

Trying to determine breakpoints for a responsive theme or just want the dimensions of your screen?

First, set up a div like this (it can be in the footer): (You can click inside any textarea below to copy the code to the clipboard.)



Then add the JavaScript to set the dimensions on the resize event:

To set the dimensions initially, put the function call on the onLoad event:


Resize your screen and watch here: [000x000]