轻量级jQuery可扩展,根据屏幕/浏览器宽度动态更改字体大小。
添加最新版本的jQuery和jQuery.fontFlex.js到网页<head>位置:
<script src="jQuery.min.js"></script> <script src="jQuery.fontFlex.js"></script>
如何使用
定义一个默认CSS字体通过设置字体大小:1em和line-height:150%在body或预期的元素。将字体大小设置可选的,但是强烈建议在javascript被禁用。最后调用插件元素。
$(function() { // All elements $('body').fontFlex(14, 20, 70); // H1 only $('h1').fontFlex(24, 36, 70); }