如何在移动设备上更改文本的大小？

Question

我知道如何使用（字体大小）属性，但我只希望当字母达到一定数量时，移动设备上的字母会变小.....

当字母达到 40 个字符时，我希望将字母缩小以适应移动浏览器

这可以做到吗？

Answer 1

您可以使用jquery 来计算某个标签内的字符数。例如在 <p> 中这样：

var XX = 40;

$('p').filter(function() {
    return $(this).text().length > XX;
}).addClass('long_paragraph');

你调整上面XX=40的字数

并在 css 添加：

p.long_paragraph {font-size:70%;}

（我找到了 javascript here ）

How can I change the size of my text on a mobile device?