Javascript 对于浏览器中较小或较大的每个像素，添加/删除divs right元素中的1px

我正在想办法做这件事。我认为最简单的方法可能是javascript。我有一个非常顽固的社交图标容器。你可以在这里看到我前面的问题：我希望它在我的页脚的右下角，垂直排列，在我的页脚的右上角有一个徽标。我发现最好的方法是在社交图标容器如下所示的情况下实现：

position:absolute;
bottom:0;
right:80px;

$( document ).ready(function() {
    $( window ).resize(function() { 
        $('div').css("right", $(window).width() / 10 ); 
    });
});

现在的问题是，当浏览器调整大小时，图标移动得太远。我在想，我可以使用一些javascript来连续检查浏览器大小，对于浏览器移动到的每个像素，它会自动从社交容器的

右侧

属性减少1像素。我也可以使用left属性，并执行相反的操作

---

这可以做到吗？如果可以的话，我该怎么做呢？

你可以做一些与屏幕宽度相关的事情，而不是屏幕变小或变大。如果你想让它在800px的宽度下从右边变成80px，然后在700px的宽度下从右边变成70px，你可以这样做：

position:absolute;
bottom:0;
right:80px;

$( document ).ready(function() {
    $( window ).resize(function() { 
        $('div').css("right", $(window).width() / 10 ); 
    });
});

---

你能为你的页脚代码提供一个小提琴吗？听起来你不需要为每一个像素调整大小，但只有当屏幕足够小时才需要调整。@Murshid肯定没问题。事实上，我在上一个问题中做了一个例子，我把URL贴到了上面。这里是提琴：这里是更新的JS提琴，添加了正确的px。我同意@Kirill。媒体查询是最佳选择。但我同时想出了另一个解决办法！：）