對於較小或較大瀏覽器的每個像素，請從divs right元素中添加/刪除1px

Question

我試圖弄清楚該怎么做。 我認為最簡單的方法可能是使用javascript。 我有一個非常固執的社交圖標容器。 您可以在此處看到我的上一個問題： 在頁腳底部浮動並位於右側的元素，我希望它位於頁腳的底部/右側，並在頁腳的頂部/右側垂直對齊並帶有徽標。 我發現最好的方法是在社交圖標容器是這樣的情況下到達所需位置：

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

現在的問題是，當調整瀏覽器的大小時，圖標會移得太遠。 我當時想我可以使用一些JavaScript來連續檢查瀏覽器的大小，並且瀏覽器移動的每個像素會自動從社交容器的right屬性中減少1 px。 我也可以使用left屬性，然后執行相反的操作。

可以這樣做，如果可以的話，我該怎么做呢？

Answer 1

您可能會做一些與屏幕的寬度有關的事情，而不是屏幕變小或變大。 如果您希望它從800px的寬度右邊到80px，然后在700px的右邊右邊到70px，則可以執行以下操作：

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