как определить ширину экрана

Устанавливаем соответствие между шириной экрана и точками излома для адаптивного дизайна
Быстрый способ связать медиа запросы CSS и код javascript.

function isBreakPoint(bp) {
  // Tочки излома, которые установлены в коде CSS
  var bps = [320, 480, 768, 1024];
  var w = $(window).width();
  var min, max;
  for (var i = 0, l = bps.length; i < l; i++) {
    if (bps[i] === bp) {
      min = bps[i-1] || 0;
      max = bps[i];
      break;
    }
  }
  return w > min && w <= max;
}

и используем эту функцию непосредственно:

if ( isBreakPoint(320) ) { 
  // Ширина экрана меньше точки 320
}
if ( isBreakPoint(480) ) { 
  // Ширина экрана между точками излома 320 и 480
}
…