CSS 文字适配容器宽度,横向拉伸的方法,有吗?

2019-01-22 18:49:01 +08:00
 JCZ2MkKb5S8ZX9pq

需求

方案

请问

2678 次点击
所在节点    前端开发
7 条回复
newbieRenew
2019-01-22 19:08:03 +08:00
可以用 svg text 实现。至于优雅,emmm
yixiang
2019-01-22 19:08:48 +08:00
canvas 自己画
66beta
2019-01-22 19:12:52 +08:00
横向拉伸是把字变胖的意思?
JCZ2MkKb5S8ZX9pq
2019-01-22 19:15:56 +08:00
@66beta 变瘦,宽度小于容器不变胖。
JCZ2MkKb5S8ZX9pq
2019-01-22 19:18:04 +08:00
@yixiang 我也觉得不行就只能 canvas 了,不过不知道小程序里支持得怎么样。还有一种更傻的方法嘛,我本地把所有文字生成一遍图片,直接调用图片去拉伸。
66beta
2019-01-23 08:58:20 +08:00
@JCZ2MkKb5S8ZX9pq 不管变瘦还是变胖都会丑,为什么要这么做呢
JCZ2MkKb5S8ZX9pq
2019-01-23 15:11:55 +08:00
@66beta
- 超宽发生概率低,约千分之五。
- 标题超粗体窄个 20%视觉效果还可以接受,类似文悦新青年。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/529564

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX