gpt4 book ai didi

html - 使用灵活的网格缩放字体标题

转载 作者:太空宇宙 更新时间:2023-11-04 15:55:29 25 4
gpt4 key购买 nike

在下图的场景中,我有基于百分比的列和间距宽度。如果在不同的设备或浏览器宽度上查看,我希望(文本)列标题也可以缩放大小,就像它们是 100% 宽度的图像一样。

我快速查看了 FitText jQuery 扩展,它缩放文本以适合包含元素,但在我下面的例子中,这涉及将标题放在三个自定义容器中,并进行调整以确保字体高度一致。

我也不希望依赖 JavaScript。

有没有简单的方法,还是我应该硬着头皮使用图片?


enter image description here

最佳答案

不要将图像用于文本 * 不寒而栗 *。

您可以使用 fit-text , 或 slab text (两者做同样的事情)。

如果您正在寻找不需要 JS 的解决方案,那么您将不得不考虑添加一些额外的断点,以便在文本开始看起来很糟糕时进行更改。您还可以在其上添加一些过渡效果,使其更平滑一些。

关于html - 使用灵活的网格缩放字体标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10550304/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com