1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//анонимная функция для проверки всех элементов с классом .fixMinMaxwidth
var fixMinMaxwidth=function(){
   //только для браузеров без поддержки этого свойства
   if (typeof document.body.style.maxHeight !== "undefined" &&
      typeof document.body.style.minHeight !== "undefined") return false;
 
   //обходим в цикле все элементы
   $('.fixMinMaxwidth').each(function(){
      //получаем значение максимальной и минимальной ширины
      var maxWidth = parseInt($(this).css("max-width"));
      var minWidth = parseInt($(this).css("min-width"));
 
      //Выполняем,если min-/maxwidth установлены
      if (maxWidth>0 && $(this).width()>maxWidth) {
         $(this).width(maxWidth);
      } else if (minWidth>0 && $(this).width()<minWidth) {
         $(this).width(minWidth);
      }
   });
}
 
//инициация
$(document).ready(function(){
   fixMinMaxwidth();
});
 
//запускаем проверку после изменения размера окна
$(window).bind("resize", function(){
   fixMinMaxwidth();
});

Этот скрипт проверяет все элементы с классом .FixMinMaxwidth. Скрипт будет выполнен только в браузерах без встроенной поддержки min-/maxwidth, таких как IE6 и ниже.

источник: css-tricks.com

Оставьте свой комментарий