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

Question

我知道如何使用(font-size)属性，但我只希望当字母达到一定数量时移动设备上的字母变小.....

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

这可以做到吗？

Answer 1

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

http://jsfiddle.net/dL1zzdtg/1/

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 )