asp.net mvc5设置页面刷新后的字体大小

在我的网页上，我有两个按钮来增加或减少字体大小，在页面刷新后，字体大小会回到<body>默认大小，尽管使用了会话/本地存储，我在我的剃刀html页面上调用这个脚本：

$(document).ready(function () {
    
    if (sessionStorage.fontSize) {
        alert(sessionStorage.getItem("FontSize"));
        $('body').css("font-size", sessionStorage.getItem("FontSize"));
    }
        $(".font-button").bind("click", function () {
            var size = parseInt($('body').css("font-size"));
            
            if ($(this).hasClass("plus")) {
                size = size + 2;
                if (size >= 27) {
                    size = 27;
                }
            }
            else {
                size = size - 2;
                if (size <= 10) {
                    size = 10;
                }
            }
            $('body').css("font-size", size);
            sessionStorage.setItem("FontSize", size)
        });
    });

它就像

 $('body').css("font-size", sessionStorage.getItem("FontSize"));

将在刷新页面后被忽略。。。

我希望有人能帮助我。

ps：这对我不起作用：如何在页面刷新或再次打开页面后保持字体大小始终为150%？

您需要添加一个单元，即px

$(document).ready(function () {
    if (sessionStorage.fontSize) {
        alert(sessionStorage.getItem("FontSize"));
        $('body').css("font-size", sessionStorage.getItem("FontSize"));
    }
    $(".font-button").bind("click", function () {
        var size = parseInt($('body').css("font-size"));
        if ($(this).hasClass("plus")) {
            size = size + 2;
            if (size >= 27) {
                size = 27;
            }
        }
        else {
            size = size - 2;
            if (size <= 10) {
                size = 10;
            }
        }
        $('body').css("font-size", size + 'px');           /* added unit */
        sessionStorage.setItem("FontSize", size + 'px')    /* added unit */
    });
});

相关内容

最新更新

热门标签：