Terrarum::异世界丨居正博客

Recent content on Terrarum::异世界丨居正博客

马上订阅 Terrarum::异世界丨居正博客 RSS 更新: https://blog.skyju.cc/index.xml

Vue 根据文字数量动态调整字体大小以适合容器

2022年1月17日 12:03
Featured image of post Vue 根据文字数量动态调整字体大小以适合容器

这是最近开发闪卡项目遇到的问题。不同卡片虽然宽高一样，但里面的内容即字数有所不同。对于文字数量小的卡片而言，需要字体大小为一个合适的值；而对于文字数量大的卡片则需要将字体调小，在不溢出容器的前提下尽可能大。

模块代码片段：（gist 地址：https://gist.github.com/juzeon/35c47d738e658fe837734d8b42538bf2）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

<template>
  <div :style...
剩余内容已隐藏
查看完整文章以阅读更多
查看完整文章