问题标签 [fittextjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
151 浏览

jquery-plugins - 当仅浏览器窗口高度发生变化时,FitTextJS 插件不会调整文本大小

当我对角调整窗口大小时,我的 html 中有 7 个 id 为 1 到 7 的 div,然后 fittextjs 插件调整了 7 个 div 中的文本大小,这很好。

当我水平调整窗口大小时,字体大小会减小/增大...

没有按预期工作的是:当我仅垂直调整窗口大小时,字体大小不会减小/缩小。

我怎样才能使它适用于最后一个不工作的案例?

0 投票
2 回答
1151 浏览

jquery-plugins - FitText.js 使文本更大而不是更小

我正在使用 FixText jquery 插件。它应该按比例缩小文本,以便标题适合可用宽度而不换成 2 行。http://fittextjs.com/

在我的网站上,插件正在调整文本的大小,但是当它应该变小时它却变大了!

http://smartpeopletalkfast.co.uk/text-fit/

初始化它的代码在其中script.js,该行是jQuery('.view-display-id-page p').fitText();

说明说元素必须是显示块并且具有宽度(但这可以是 a %)和 CSS,我已经完成了。我不知道从哪里开始这个问题!谢谢。

0 投票
1 回答
777 浏览

javascript - FitText.js 中的字体非常小

当我第一次打开我的页面时,我h1的元素的字体大小显示非常小。当我调整它的大小时,它会自动变大。我想知道我的代码有什么问题?

我没有在 h1 的 css 代码中编写 font-size 属性。谢谢!

0 投票
0 回答
79 浏览

javascript - Fittext 在不同的屏幕尺寸上

我正在使用 fittext.js。它工作得很清楚。但我的问题是屏幕尺寸不同。如果我在 1920px*1080px 上使用容器的 100% 宽度,则字体大小大于 1280px*800px。但是如果我定义容器的宽度,比如 800px 2 屏幕大小具有相同的字体大小。我怎样才能改变它?

0 投票
3 回答
1126 浏览

jquery - Fittext.js 在列表中

我正在创建一个响应式设计,但我一直在努力解决一个问题:我有一个使用 html 列表的垂直菜单。我想让字体大小调整为可用的宽度。为此,我使用了很棒的 fittext.js,但我无法让我的垂直列表正常工作,我得到了一个对角线的列表,而不是像应该的那样从上到下。

html:

CSS:

如果您想要快速测试,我的完整代码:

Fittext 你可以在这里找到:https ://github.com/davatron5000/FitText.js 请帮忙

0 投票
2 回答
918 浏览

html - Bootstrap 3 站点上的自动调整标题大小

<h1>我如何在 getboostrap.com 主页上为 Bootstrap 3创建可调整大小的元素: http ://getbootstrap.com/getting-started/

我知道我可以使用 fittext.js 之类的工具,但他们似乎可以通过使用 CSS 媒体查询进行调整。

0 投票
1 回答
2186 浏览

javascript - fittext - 将文本保留在一行中,而不是换成两行

我使用 fittext.js 并尝试使 h1 在一行中适合包含 div 的整个宽度。

但是文本分为两行。2014 文本 17., 18. og 19. juli 2014 在第二行。如果我在 h1 上放置 nowrap,则文本在一行中,但宽度超过 100%。

如何强制文本保持在一行?

0 投票
1 回答
781 浏览

javascript - FitText.js 不工作

我正在尝试使用 FitText.js 调整标题大小以适应浏览器宽度。

在我网站的几个部分中,该脚本运行良好,但在此页面上它不适用于 iPhone。不过,它在我的桌面上运行良好。

这是代码:

这是一个屏幕截图。

http://imageshack.com/a/img713/6315/4myi.png

所以文本应该调整大小以适应那个红色框的宽度。

0 投票
1 回答
102 浏览

css - 在响应式布局中将绝对中间的文本与 fittext.js 对齐

就像标题所说的那样,我拼命地试图将文本h1置于响应元素的中间。我现在尝试了 2 个小时,但似乎无法正常工作。我究竟做错了什么?

我尝试了absolute定位和-边距,但这似乎并不准确:

我制作了一个 JSFiddle 以便更好地理解

小提琴在这里

提前感谢,对不起我的英语不好

0 投票
2 回答
1745 浏览

javascript - 强制子 div 中的文本适合父级

我的 HTML 代码中有两个 div 标签,如下所示

如何强制#childdiv的内容垂直适合父 div ?我正在寻找一些可以获取子 div ID 并动态调整其内容大小的东西。我曾与jQuery.fittext. 但是,它获取的是child-text类 id 而不是childdiv id。换句话说,它不够智能,无法识别childdiv 中的内容然后重新缩放它们。

还有其他选择吗?