Изменение размеров DIV от разрешения экрана Jquery

Возможно приписать к диву функцию resize, которая определяется от разрешения дисплея.
например при 1980 одно значение, при 1024 другое т.е блок становится меньше и содержимое подгоняется под его размер,. Если да , то пожалуйста подскажите как .

1 ответов



var currentWidth = $(document.body).width();
if ( currentWidth == '1280') {
   $('.нужный div').css('width', '200')
   }
 
ну как то так для 1280
для остальных аналогично

jQuery(document).ready(function() {
function divresize(block, headerHeight, footerHeight) {
var windowHeight = jQuery(window).height(); //определяем высоту окна браузера
jQuery(block).css('height', windowHeight - headerHeight - footerHeight); //устанавливаем высоту блока(равно высоте окна за вычетом шапки и подвала)
}
divresize('.scrollable', 150, 100); //вызываем функцию изменения размера блока
jQuery(window).bind("resize", function(){ //при изменении размера окна вызываем функцию
divresize('.scrollable', 150, 100);
});
});

примерно так но что то не правильно на мой взгляд...


Ещё могу посоветовать Media Queries css3. Be professional. Или действительно, делайте резиновый макет, никто не отменял height: 100%;


без jquery разными файлами стилей


<link rel="stylesheet"  href="style_hd.css" media="all and (min-width: 1279px)"/>
<link rel="stylesheet" href="style_mobile.css" media="(max-width: 799px) and (min-width: 300px)"/>