FitText.js一款使文字填充式自适应的JQ插件
不支持IE7以下版本!
需要引入的文件:
<
script
src
=
"jquery.min.js"
></
script
>
<
script
src
=
"jquery.fittext.js"
></
script
>
<
script
>
jQuery("#responsive_headline").fitText();
</
script
>
jQuery(
"#responsive_headline"
).fitText(1.2);
// 缩放浏览器文字文字调整的速度更快
jQuery(
"#responsive_headline"
).fitText(0.8);
// 缩放浏览器文字文字调整的速度较慢设置字体的最大值&最小值
jQuery(
"#responsive_headline"
).fitText(1.2, { minFontSize:
'20px'
, maxFontSize:
'40px'
});
常见问题:
像Carousels, Scrollers, Accordions, Tabs这些需要隐藏或者不能调整宽度的效果,FitText.js在他们身上不能起效。
需要确认容器的宽度
display: inline 这个CSS属性是没有宽度的. 请使用display: block 或者display: inline-block+ 一个特定的宽度 (i.e. width: 100%).position:absolute 这个CSS属性也需要加一个特定宽度.