html文字占位置百分比,CSS-使用百分比的字体大小？

有一个名为FitText的jQuery插件。 它根据百分比调整文本大小。 如果访问者由于某种原因禁用了JavaScript，它将仅正常显示，因此请设置合理的PX或EM备份。

它取决于jQuery，因此您需要将其包含在页面中(如果还没有的话)。

jquery.fittext.js供参考：

/*global jQuery */

/*!

* FitText.js 1.0

*

* Copyright 2011, Dave Rupert http://daverupert.com

* Released under the WTFPL license

* http://sam.zoy.org/wtfpl/

*

* Date: Thu May 05 14:23:00 2011 -0600

*/

(function( $ ){

$.fn.fitText = function( kompressor, options ) {

var settings = {

'minFontSize' : Number.NEGATIVE_INFINITY,

'maxFontSize' : Number.POSITIVE_INFINITY

};

return this.each(function(){

var $this = $(this); // store the object

var compressor = kompressor || 1; // set the compressor

if ( options ) {

$.extend( settings, options );

}

// Resizer() resizes items based on the object width divided by the compressor * 10

var resizer = function () {

$this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));

};

// Call once to set.

resizer();

// Call on resize. Opera debounces their resize by default.

$(window).resize(resizer);

});

};

})( jQuery );