Auto Resize Textual content To Match Its Container – jQuery BigText

Yet one more jQuery textual content resize plugin that robotically adjusts the font dimension of your textual content to suit its mother or father container on window resize. In order that the textual content fills the container and there’s no free room left. Works each with single line textual content and multi line textual content. Excellent for headlines, Slogans, titles, and many others.

Easy methods to use it:

1. Load the jQuery BigText plugin’s script after the newest jQuery library:

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="bigtext.js"></script>

2. Name the plugin on the goal textual content container and executed.

<div id="component">
  <span>jQuery Script</span>
  <span>A JavaScript Web site</span>
</div>

$('#component').bigtext({
  // choices right here
});

3. Set the min/max font dimension on textual content resize.

$('#component').bigtext({
  minfontsize: 16, // 16px
  maxfontsize: 60 // 60px
});

4. Limit to a subset of kids.

$('#component').bigtext({
  childSelector: '> p'
});

Changelog:

2025-06-07

• Take away bower, updates jquery 1.x and qunit

2017-10-03

This superior jQuery plugin is developed by zachleat. For extra Superior Usages, please verify the demo web page or go to the official web site.