注意:这与响应VIEWPORT更改时的字体更改不同。即{font-size:3.2vw;}纯粹的CSS使字体大小根据动态字符量做出响应不是解决方案。
示例
当文本在浏览器上从一种语言翻译到另一种语言时,源文本和翻译文本的长度可能不同。例如:
Language | Translation | Ratio
______________________________________
Korean | 조회 | 0.8
English | views | 1
Chinese | 次檢視 | 1.2
Portuguese | visualizações | 2.6
French | consultations | 2.6
German | -mal angesehen | 2.8
Italian | visualizzazioni| 3
我正在寻找一种方法,使用CSS和/或JavaScript,可以让文本自动调整字体大小,并保持在包含文本的div设置的高度和宽度内。
当语言数量有限时,您可以使用图像而不是那些文本
您可以将此属性添加到您的div:
对象拟合:包含;