Fix Min / Max-Width pour les navigateurs sans support natif - Astuces CSS

Anonim

Ce script vérifie tous les éléments avec une classe de .fixMinMaxwidth et observe la fenêtre. Il ne s'applique qu'aux navigateurs sans prise en charge native de largeur min / max, tels que ie6 et les versions antérieures. Le redimensionnement de la fenêtre ne sera pas non plus un problème.

 //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()