Нашел скрипт для определения ширины экрана через jquery в том случаи, если у вас нет возможности использовать css3. Думаю, будет полезно при адаптивной верстке сайта. События срабатывают в том случаи, когда ширина вашего экрана становиться меньше заданной точки.

Скрипт называется BREAKPOINTS.JS

$(window).setBreakpoints({
// use only largest available vs use all available
    distinct: true, 
// array of widths in pixels where breakpoints
// should be triggered
    breakpoints: [
        320,
        480,
        768,
        1024
    ] 
});     

$(window).bind('enterBreakpoint320',function() {
    ...
});

$(window).bind('exitBreakpoint320',function() {
    ...
});

$(window).bind('enterBreakpoint768',function() {
    ...
});

$(window).bind('exitBreakpoint768',function() {
    ...
});


$(window).bind('enterBreakpoint1024',function() {
    ...
});

$(window).bind('exitBreakpoint1024',function() {
    ...
});

Для просмотра примера работы скрипта перейдите по ссылке.

Скрипт можно скачать на github.