FitText.js一款使文字填充式自适应的JQ插件

所属分类:其他-独立的部件,浏览器调整

 30725  335  查看评论 (0)
分享到微信朋友圈
X
FitText.js一款使文字填充式自适应的JQ插件 ie兼容7

使用方法

需要引入的文件:

<script src="jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
  jQuery("#responsive_headline").fitText();
</script>

fitText()里面可以填参数调整缩放的比例,默认是1;

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属性也需要加一个特定宽度.

相关插件-独立的部件,浏览器调整

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 41213  477

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 62408  473

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 33035  340

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 29702  299

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复