Question

我有这个：

<script type="text/javascript">
    window.onresize = fontResize;
    function fontResize() {
        document.body.style.fontSize = parseInt(document.documentElement.clientWidth/100) + 'px';
    }
</script>

有人可以将这个转换为jQuery，我有DIV的类“功能”，我需要P文本来填充它们调整大小，所以我需要font-size来增长/缩小DIV。这有道理吗？

由于

Answer 1

这是你在找什么？

window.onresize = fontResize;
    function fontResize() {
    $('body').css('font-size',parseInt($('body').css('width'))/100) + 'px');

    }

Answer 2

这里...... jQuerified

$(document).ready(function(){
    $(window).bind('resize initialSize',function(){
        $('body').css('font-size', ($(window).width()/8) + 'px');
    }).trigger('initialSize');
});

Answer 3

这个考虑了初始尺寸

function fontResize(){
   $('body').css('font-size', ($(window).width()/8) + 'px');
}

fontResize();
$(window).resize( fontResize );

http://jsfiddle.net/Hpgfp/1

将简单的Javascript转换为jQuery

3 个答案: