文本/链接
jQuery.fontFlex-轻量级jQuery响应式字体插件
PetitQ
jQuery.fontFlex 是一款轻量级 jQuery 响应式字体插件。它可以在浏览器或容器的尺寸发生改变时动态修改字体的大小，适合于在各种响应式布局中显示文字。
使用方法:
使用该响应式字体插件需要在页面中引入 jquery 和 jQuery.fontFlex.js 文件。
也想出现在这里？联系我们吧
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jQuery.fontFlex.js"></script>
初始化插件:
你可以首先在 CSS 文件中为
元素定义字体大小和行高，例如 font-size:1em;line-height:150%;。如果浏览器被禁用了 javascript，页面中的字体使用 CSS 设置的大小和行高。然后你可以通过该插件来制作字体的响应式效果，在页面 DOM 元素加载完毕之后，通过 fontFlex()方法来初始化该响应式字体插件。$(function() {
// 所有元素$('body').fontFlex(14, 20, 70);
// H1元素$('h1').fontFlex(24, 36, 70);
});
配置参数:
jQuery.fontFlex 响应式字体插件有 3 个可用的配置参数：
min：最小的 font-size，单位像素
max：最大的 font-size，单位像素
mid：范围缓冲区，设置在 60-70 之间效果最佳。值越小产生的字体越大，反之字体越小，可以根据实际情况来调整这个参数
jQuery.fontFlex 响应式字体插件的 github 地址为：https://github.com/nathco/jQuery.fontFlex
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
