素材牛VIP会员

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

 所属分类:网页特效-文字特效

 浏览:1142次  评论:0次  更新时间:2017-07-20
牛币素材VIP可免积分下载
FitText.js一款使文字填充式自适应的JQ插件兼容IE7
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:基于jQuery,不同于bootstrap的媒体查询自适应

详细介绍

使用方法:

引入必要文件

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

相关素材 - 文字特效

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:3 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)