在浏览器语言翻译时更改文本字体大小以适应div容器,而不是在VIEWPORT Change上



注意:这与响应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:

对象拟合:包含;

最新更新