How to use javascript conditionally like CSS3 media queries, orientation?

Question

How to use javascript conditionally like CSS3 media queries, orientation?

For Example I can write css for specific

@media only screen and (width : 10         


        

Answer 1

It's probably worth mentioning that there is the orientationchange event that you might want to hook into like so:

$('body').bind('orientationchange', function(){
    // check orientation, update styles accordingly
});

I know that about this event being fired by mobile Safari, you'd have to check about other browsers.