问题标签 [fittextjs]

如何触发以下 fittext.js 函数

使用 change() 方法？

JSFiddle

我将 jquery Fittext 与引导轮播一起使用，因为第一个和活动项目工作正常，所以与另一个项目或（可能隐藏）它不起作用！

任何帮助！

谢谢

我在 div 中放置了一些标签云。对于每个标签云都有一个拇指向下图标，我使用了来自http://www.cssflow.com/snippets/sliding-tags的滑动标签 css

如果标签云大于 80 像素，则它不适合该 div。我使用了 jquery 的自动换行和 fittext 插件，但我无法让它工作。你能建议什么可能的解决方案吗？

我为它创建了小提琴：http: //jsfiddle.net/aexqoe8n/1/

在 Js 方面：

我使用插件fittextjs自动调整我的字体大小以使其适合当前的 div 宽度。例如，我在这里使用它<span>：

这里的关键词是data-fittext。当我打开 html 页面时，字体大小的调整会毫无问题地应用。此外，当我调整字体大小的变化时效果很好。

现在我向前导航到另一个页面，我可以在其中更改字体样式。字体样式的更改效果很好。当我向后导航时，应用了字体样式..

但

fittext 不适用。文本大小变得非常小（我猜是 10 像素）。我必须调整页面大小，以便 fittext 再次应用字体大小。

为什么 fittext 在更改字体系列后不应用字体大小？

我的 fitText 在 jsfiddle 中按预期工作，但是当我将代码复制/粘贴到网页时，会发生错误。

在jsfiddle 演示中 ，单击“设计选项”、“自定义”并输入 3 个输入中的任何一个。输入限制为 22 个字符，fitText 会相应地缩小它（尽管在选择自定义图像并显示辅助“底部文本”时效果不佳）。

在网页演示 中，单击“设计选项”、“自定义”并输入 3 个输入中的任何一个（如上）。输入限制为 22 个字符，fitText 会相应地缩小它，除非您继续输入... 22 个字符的限制不会显示您的额外文本（好），但每次按键都会将文本的大小调整得越来越小，直到达到 10 像素（坏）。这是因为 10 的原因var size = parseInt($j('#maxsize').val(), 10);吗？我尝试将其更改为 26 但无法正常工作。默认字体大小为 36 像素，我希望我们页面上的最小文本大小为 26 像素（就像在 jsfiddle 上一样）

对这个问题的任何帮助都会很棒。提前致谢。

我有一个使用 flexbox 构建的布局，它占据了 100% 的视口，然后将屏幕分成 4 个 25% 高度的行。

http://jsfiddle.net/g010vc2k/25/

我遇到了几个问题，首先我无法让按钮位于每行内容的下方。我认为 display:flex 可能会给我带来问题。

其次，文本打破了容器。我虽然 fittext 会解决这个问题，但我做错了什么？

我有一个 div，随机单词按批分配。为了显示这些词，我使用了这个脚本：

问题是当我的单词超过 10 个字母时，对于屏幕来说太宽了，而不是调整大小，它只是溢出了屏幕的宽度。CSS：

有没有办法为超过 10 个字母的单词指定另一个函数，或者我还能做什么？谢谢。

我正在尝试根据容器的宽度实现字体大小缩放（我希望我的长h1在一行中）。

这是我的带有引导程序 3 的 HTML：

CSS 样式：

好的。让我们从FitText.js库开始：

结果font-size: 114px;！什么？添加一些参数：

结果font-size: 32px;。更好但不是我想要的，我需要更小的字体大小。也尝试添加width: 1000px; display: block; white-space: nowrap;到h1没有成功。

我尝试的第二个库是FlowType.js。添加一些代码：

结果font-size: 32.5714px;。比默认值大一点。并带有参数：

结果font-size: 32px;。

为什么我的h1变大而不变小？

我正在尝试使用 flexbox 构建一个基本的用户界面，到目前为止我有这个..

我正在努力实现这一目标......

如何使底部具有相同的高度并使其中的内容垂直和水平居中？

我还计划使用 fittext.js 或类似的东西来使按钮和上面的文本适合弹性项目。

我哪里错了？

我有一个像这样的基本 flexbox 布局......

我正在尝试使用 fittext.js 动态调整文本大小以完全适合容器，但由于某种原因它溢出并且无法正常工作。

谁能看到我哪里出错了？