js

что не так: этот код должен определять какое разр. и должен подключать 1ну из подходящих функций… (файла css )
можно просто тупо сделать 1н файл с сss и там прописать если раз такое то вот это, если то то вот это… но тогда 1/4 кода загружаемого лишняя… попросту место занимает, а так каждому свое )
<script>
function isBreakPoint(bp) {
    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;
}
    
$('div').click(function(){

  alert(
    isBreakPoint(320) && 'Smartphone' ||
    isBreakPoint(480) && 'Big Smartphone' ||
    isBreakPoint(768) && 'Tablet' ||
    isBreakPoint(1024) && 'Desktop' ||
    'Big Desktop'
  );
  
});
</script>

спасибо )

Свойство max-width у изображений (для адаптивности)

Вопрос применительно «резиновых» настроек. Заметил, что если вставить изображение без выравнивания, то ему задается свойство max-width: 100%.
Но если использовать выравнивание, то этого свойства нет. Соответственно, при уменьшении окна браузера такая картинка обрезается (после момента превышения ею ширины контентной части).
Вопрос:
Можно ли как-то вычислить ширину вставляемого изображения в процентах (javascript?) и добавить ему свойство max-width: XX%? В данном случае размер картинки будет всегда пропорционален ширине контентной части.

Плагин «Content Auto Resize»

Плагин позволяет максимально использовать область контента на сайте. При прокрутке страницы с топиками (комментариями) правая часть на которой находится блоки заканчиваются и остается свободное не используемое пространство и плагин его использует для контента расширяя область. (идея позаимствована с сайта vk.com :) )

Примечание:
Плагин тестировался на:
  1. synio
  2. developer

UPD 1:
— Исправил «прыжок» при прокрутке (спасибо — Fortunato2011 )

Демо:
RealPeople