开始时候一个个页面的写,后来发现不如写出插件形式,方便调用。 (function($){ $.fn.fixMaxWH = function() { this.each(function() { var ele = $(this); var maxWidth = parseInt(ele.css('max-width')); var maxHeight = parseInt(ele.css('max-height')); if (ele.width() > maxWidth) { ele.width(maxWidth); } if (ele.height() > maxHeight) { ele.height(maxHeight); } }); } })(jQuery); 不过发现在IE6下应用到图片时候还是不能完全到达在firefox等标准浏览器下的效果。 使用例子: $(function(){ //选择要应用max-width, max-height效果的元素 $('.someclass img').fixMaxWH(); });