jQuery动态调整字体大小并按比例调整大小

我想让jQuery调整页面上的字体大小，但是与所有指定了类的元素（.resizeFont）成比例。比方说，我希望大小加倍。jQuery动态调整字体大小并按比例调整大小

CSS链接到主HTML：

#titleText { 
    font-size:50px; 
} 
#mainText { 
    font-size:20px; 
} 
#footnoteText { 
    font-size:8px; 
}

主HTML：

<div id='#titleText'></div> 
<div id='#mainText'></div> 
<div id='#footnoteText'></div>

在外部HTML文件

（在单独的文件中的每一行）：

<p class='someClass'>some text</p> // title.html 

<p class='resizeFont'>some text</p> // main.html 

<p class='resizeFont'>some text</p> // footnote.html

jQuery的步骤完成后与此同时，#mainText和#footnoteText应分别具有40px和16px的字体大小，但#titleText应保留50p x尺寸

这里有什么办法，我是否必须让jQuery构建一个由.resizeFont分配并通过数学乘法器来处理所有元素的数组？

...我通过Ajax加载文本，不知道这是如何影响字体的属性是读/写

$.ajax({ 
    success : function (data) { 
     $('#titleText').load('title.html'); 
     $('#mainText').load('main.html'); 
     $('#footnoteText').load('footnote.html'); 
    }, 
});

来源

2013-11-22 user1233337

只需设置font-size属性在某些percent价值，就像，

table{ font-size:50% }

使用jQuery你可以不喜欢它，

$('table').css('font-size', '100%')

或者

$('table').css('font-size', '70%')

或单独的td

$("td.tablecol_0").animate({ 
    'width' : (xWidth * (15/100)) + 'px', 
    'minWidth' : (xWidth * (15/100)) + 'px', 
    'maxWidth' : (xWidth * (15/100)) + 'px', 
    'fontSize' : (xWidth * (15/100)) + '%' 
}, 1000);

如果你对所有tds设置100%那么你可以简单地使用$(表).css('fontSize', '100%')。

DEMO.

http://jsfiddle.net/2xx6F/3/

来源

2013-11-22 04:25:50 Supplement

jQuery动态调整字体大小并按比例调整大小

回答

相关问题