Controls toggle

FallbacksMedia-queries
css3-mediaqueries.js: disable inline (em): enable
respond.js: enable inline (px): enable
mediatizr.js: enable external (em): disable
Scrollbars external (px): disable
disable link media (em): enable
Browser zoom link media (px): enable
0 @import (em): enable
Resize helpers @import (px): enable

Play in a popup window

Live results

@mq (px)@mq (em)
max: 899px max: 56.1875em
width: 900px width: 56.25em
min: 901px
max: 959px
min: 56.3125em
max:59.9375em
min: 960px min: 60em
Legend
green background = match
yellow background = alert / false positive
red background = fail
Your browser doesn't support mediaqueries.
Please activate a fallback.

Viewport width

Property width innerWidth outerWidth
Object pxem pxem pxem
$(window)
$(document)
$('#wrapper')
window -
documentElement* -
*Equivalent property clientWidth offsetWidth
 
By