当前位置: 首页 > 知识库问答 >
问题:

根据div宽度调整文本大小

慎兴业
2023-03-14

我正在寻找一种比断点更精确的解决方案。我知道这需要JavaScript,但我很难找到合适的插件。

我网站上的大多数文本将保持不变,或者我将通过媒体查询对其进行调整(比如平板电脑和手机的90%)。这很好,但我正在为我的导航菜单和横幅等领域寻找“实时”解决方案。

在此处查看站点

您可以使用基本字体大小为100%的ems查看我的所有文本的相对大小

如果你调整网站的大小,你会注意到菜单“崩溃”,因为字体太大了。我很想找到一个JS解决方案,它可以根据导航栏的宽度向下调整文本的大小,这样我就可以始终将所有内容保持在一行上(在移动宽度下,它将进入一个折叠的菜单)

共有1个答案

钱建本
2023-03-14

查看这个jquery插件

http://simplefocus.com/flowtype/

它根据元素宽度调整字体大小和行高。

 类似资料:
  • 问题内容: 它由9个框组成,中间带有文本。我已经制作了框,以便它们可以随着屏幕大小的变化而调整大小,以便始终保持在同一位置。 但是,即使我使用百分比,文本也不会调整大小。 如何调整文本的大小,使其在整个页面上始终具有相同的比例? 这是处理多种分辨率的合适解决方案吗?还是我应该在CSS中进行很多检查并为每种媒体类型设置许多布局? ``` html, body { } #launchmain { }

  • 问题内容: 我需要一个textarea,在框中输入文字,它会根据需要增加长度,以避免必须处理滚动条,并且在删除文本后需要缩小!我不想沿着mootools或jquery路线走,因为我有一个轻量级的表单。 问题答案: 您可以通过设置为,然后读取属性来检查内容的高度: 它可以在Firefox 3,IE 7,Safari,Opera和Chrome下运行。

  • 我正在尝试实现一个轮播与引导,其中的图像是居中和自动调整大小。例如,在JSFiddle中,正如您所看到的,第一个图像(垂直的图像)延伸了整个div,而第三个图像保持在顶部。我想重现Facebook或Twitter轮播的行为,其中图像被定位在中心,并根据包含它们的Div调整大小。你能帮帮我吗? CSS

  • 问题内容: 我需要将元素的 宽度 保持为 高度 的百分比。因此,随着高度的变化,宽度也会更新。 通过为padding-top使用%值可以实现相反的效果,但以padding-left为百分比将是对象宽度的百分比,而不是其高度。 因此,使用这样的标记: 我想使用这样的东西: 为了确保根据盒子 的高度保持 盒子的 长宽比 。高度是可变的,因为它的百分比裕度-当窗口的高度改变时,盒子的高度也会改变。 我知

  • 问题内容: 我想在UILabel旁边显示图像,但是UILabel具有可变的文本长度,所以我不知道将图像放置在哪里。我该怎么做? 问题答案: -[NSString sizeWithFont:forWidth:lineBreakMode:]有什么用? 这个问题可能有您的答案,对我有用。 2014年,我根据下面的诺伯特的超方便评论编辑了这个新版本!这样就可以了。干杯

  • 问题内容: 收缩将div包装到某些文本非常简单。但是,如果由于最大宽度(例如)而使文本换行到第二行(或更多行),则DIV的大小不会缩小为新换行的文本。它仍会扩展到断点(在这种情况下为最大宽度值),从而在DIV的右侧产生大量的边距。当要使该DIV居中以使包装的文本居中时,这是有问题的。不会因为DIV不会缩小到换行的多行文本。一种解决方案是使用对齐的文本,但这并不总是可行的,结果可能令人生畏,单词之间