Javascript-根据需要使输入[type = range]尽可能大

Question

我有多个input和type=range。我想根据需要使它们变大，以便可以通过滑动实现每个值。

这是我尝试过的：

    $("input[type=range].modern").each(function(){
        let element = $(this);
        let calculated = parseInt(element.attr("max")) - parseInt(element.attr("min"));
        let step = element.is("[step]") ? parseInt(element.attr("step")) : 1;
        let calculated_step = step < 1 ? 1 / step : step;
        let available_values = calculated * calculated_step;
        let min_width = parseInt($("body").css("font-size")) * 2 + available_values * 3;

        element.css({
            "min-width": min_width
        });
    });

但这在我的滑块上不起作用。 有想法吗？