,,

【JavaScript】FitText.js一款使文字填充式自適應(yīng)的jQuery插件

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年8月25日 0:28 本文熱度 974

插件描述：基于jQuery，不同于bootstrap的媒體查詢(xún)自適應(yīng)

使用方法

需要引入的文件：

1

2

3

4

5

<script src="jquery.min.js"></script>

<script src="jquery.fittext.js"></script>

<script>

  jQuery("#responsive_headline").fitText();

</script>

fitText()里面可以填參數(shù)調(diào)整縮放的比例，默認(rèn)是1；

1

2

3

jQuery("#responsive_headline").fitText(1.2); // 縮放瀏覽器文字文字調(diào)整的速度更快

jQuery("#responsive_headline").fitText(0.8); // 縮放瀏覽器文字文字調(diào)整的速度較慢設(shè)置字體的最大值&最小值

jQuery("#responsive_headline").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' });

常見(jiàn)問(wèn)題：

像Carousels, Scrollers, Accordions, Tabs這些需要隱藏或者不能調(diào)整寬度的效果，F(xiàn)itText.js在他們身上不能起效。

需要確認(rèn)容器的寬度

display: inline 這個(gè)CSS屬性是沒(méi)有寬度的. 請(qǐng)使用display: block 或者display: inline-block+ 一個(gè)特定的寬度 (i.e. width: 100%).position:absolute 這個(gè)CSS屬性也需要加一個(gè)特定寬度。

該文章在 2023/8/25 0:28:51 編輯過(guò)

關(guān)鍵字查詢(xún)

相關(guān)文章

正在查詢(xún)...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專(zhuān)業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類(lèi)企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶(hù)的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

【JavaScript】FitText.js一款使文字填充式自適應(yīng)的jQuery插件

使用方法

常見(jiàn)問(wèn)題：