Jquery 如何使用.css（）减小字体大小百分比

我这里有一个JSFIDLE——每次单击Shrink按钮时，我想将html元素的字体大小减少5%。但是第一次点击将字体大小从62.5%的10px减小到5px。有办法做到这一点吗

谢谢

$(function(){   
    $('button#shrink').mousedown(function() {
            $('html').css('font-size', '-=5%');
      });
});

---

您的代码也是正确的。您当前的大小是10像素，正在减少5像素。这就是为什么它在第二次单击后消失的原因

试试这个：把尺寸缩小1倍

$(function(){   
    $('button#shrink').mousedown(function() {
        curSize= parseInt($('html').css('font-size')) -1; 
        //here parseInt will remove px from 10px ,final value would be only 10
        $('html').css('font-size', curSize);
                       });
});

试试这个

$(function(){   
    $('button#shrink').mousedown(function() {
            font = parseInt($("html").css("font-size"));   //Get current font-size
            font = font-1;  //Decrease font-size by 1
            $('html').css('font-size', font);  //Apply new font-size to current font-size
        });
});

这应该行得通

---

你的答案和我的答案有什么区别？伙计@Mr7它的格式和解释都是正确的。这两个答案的字体大小都减少了1倍。使用$'html'实际上很容易做到这一点。css'font-size'，'-=1px'；我想保持单位%并且每次点击减少5%。@Steve我的答案适用于firefox，我不确定为什么它不适用于chrome，检查一下，我想它只需要一个简单的修复，没有时间that@Steve现在它做到了：

$(function () {
var shrinks = 0;
$('button#shrink').mousedown(function () {
    var currentHeight = $('html').css('font-size');
    currentHeight = currentHeight.substring(0,currentHeight.length-2);
    shrinks++;
    console.log(currentHeight);
    $('html').css('font-size', +62.5-5*shrinks + '%');
});
});