在屏幕的右侧和左侧制作响应式文本

Question

我正在使用jQuery UI处理滑块。滑块运行良好，但我很难做出响应。我想在左右两侧贴标签。我已经能够实现这一点，但是我在使其响应方面遇到了很多麻烦。无论屏幕大小如何，我如何将标签保留在屏幕的左右角？

感谢您的帮助！

这是基本设置和JsFiddle

 $("#slider2").slider({
        value: 0,
        min: -3,
        max: 3,
        step: 1,
        slide: function(event, ui) {
            $("#score2").val(ui.value);
            $(this).css("background", ui.value>0?"#2ecc71":ui.value<0?"#e74c3c":"");
            console.log(ui.value)
        }
    });



$("#slider3").slider({
        value: 0,
        min: -3,
        max: 3,
        step: 1,
        slide: function(event, ui) {
            $("#score3").val(ui.value);
            $(this).css("background", ui.value>0?"#2ecc71":ui.value<0?"#e74c3c":"");
            console.log(ui.value)
        }
    });

https://jsfiddle.net/Lks94utg/