CSS problems

Question

I have the following function Jquery to change the font size during Screen Resizing.

const textPattern = 0.0085;
function resizeFont(widthWindow){
    var calc_text = widthWindow * textPattern;
    $('body').css('font-size', calc_text);
}

The problem that using this function or all the edges increase proportionally and I didn’t want that, I tried to fix it by changing the function this way

var width = $(window).width();    
const textPattern = 0.0085;
function resizeFont(widthWindow){
    var calc_text = widthWindow * textPattern;
    var calc_exception = width * textPattern;
    $('body').css('font-size', calc_text);
    $('input').css('font-size', calc_exception);
}

I tested this function on my login screen where the edges of inputs were increasing but it didn’t work, someone would tell me how to fix it?