我看到了
this question,但是觉得这样做需要一个“更干净”的jQuery方法.我甚至不确定这是否真的适用于所有情况. jQuery是否有办法确定容器是否有溢出而不比较维度?
解决方法
$.fn.hasOverflow = function() { var $this = $(this); var $children = $this.find('*'); var len = $children.length; if (len) { var maxWidth = 0; var maxHeight = 0 $children.map(function(){ maxWidth = Math.max(maxWidth,$(this).outerWidth(true)); maxHeight = Math.max(maxHeight,$(this).outerHeight(true)); }); return maxWidth > $this.width() || maxHeight > $this.height(); } return false; };
例:
var $content = $('#content').children().wrapAll('<div>'); while($content.hasOverflow()){ var size = parseFloat($content.css('font-size'),10); size -= 1; $content.css('font-size',size + 'px'); }