Yerel Desteği Olmayan Tarayıcılar İçin Min / Maks Genişliği Düzeltme - CSS Hileleri

Anonim

Bu komut dosyası, .fixMinMaxwidth sınıfına sahip tüm öğeleri kontrol eder ve pencereyi gözlemler. Yalnızca ie6 ve altı gibi yerel min / maks genişlik desteği olmayan tarayıcılara uygulanır. Pencereyi yeniden boyutlandırma da sorun olmayacak.

 //anonymous function to check all elements with class .fixMinMaxwidth var fixMinMaxwidth=function() ( //only apply this fix to browsers without native support if (typeof document.body.style.maxHeight !== "undefined" && typeof document.body.style.minHeight !== "undefined") return false; //loop through all elements $('.fixMinMaxwidth').each(function() ( //get max and minwidth via jquery var maxWidth = parseInt($(this).css("max-width")); var minWidth = parseInt($(this).css("min-width")); //if min-/maxwidth is set, apply the script if (maxWidth>0 && $(this).width()>maxWidth) ( $(this).width(maxWidth); ) else if (minWidth>0 && $(this).width()