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

Question

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

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

可以这样做吗？

Answer 1

您可以使用jquery计算某个标记内的caracters数量。例如，像<p>这样：

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

var XX = 40;

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

您可以调整XX = 40以上的caracters数量。

并在css中添加：

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

（我找到了javascript here）