Знайшов скрипт для визначення ширини екрану через jquery у тому випадку, якщо у вас немає можливості використовувати css3. Думаю, буде корисно при адаптивній верстці сайту. Події спрацьовують у тому випадку, коли ширина вашого екрана стає меншою за задану точку.

Скрипт називається BREAKPOINTS.JS

$(вікно).встановитиТочки зупинки({
// use only largest available vs use all available
    distinct: true, 
// масив ширини в пікселях, де точки зупинки
// should be triggered
    breakpoints: [
        320,
        480,
        768,
        1024
    ] 
});     

$(вікно).зв'язати('enterBreakpoint320',функція() {
    ...
});

$(вікно).зв'язати('exitBreakpoint320',функція() {
    ...
});

$(вікно).зв'язати('enterBreakpoint768',функція() {
    ...
});

$(вікно).зв'язати('exitBreakpoint768',функція() {
    ...
});


$(вікно).зв'язати('enterBreakpoint1024',функція() {
    ...
});

$(вікно).зв'язати('exitBreakpoint1024',функція() {
    ...
});

Для перегляду прикладу роботи скрипта перейдіть по засланні.

Скрипт можна завантажити на github.