Is it possible to get the width of the window in em units using javascript?

javascript jquery media-queries em
hammerbrostime picture hammerbrostime · Sep 3, 2012 · Viewed 25.8k times · Source

I'm looking for a reliable way to get the width of the window in em units using javascript. I was surprised to see that jQuery will only return a result in pixel measurements. Any help is appreciated.

Answer

hammerbrostime picture hammerbrostime · Sep 3, 2012

This seems to work:

$(window).width() / parseFloat($("body").css("font-size"));

Related questions

CSS media queries and JavaScript window width do not match

For a responsive template, I have a media query in my CSS: @media screen and (max-width: 960px) { body{ /* something */ background:red; } } And, I made a jQuery function on resize to log width: $(window).resize(function() { console.log($(window).width()); console.…

Read More
Modernizr Media query doesn’t work when resize browser

I use a Modernizr media query in JavaScript to change an element margin and add a class "small". My Modernizr media query doesn't work when I resize my browser, but when I refresh the page then it works. I know …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More