調整所有圖像的大小，同時保持每個圖像的縱橫比

Question

我對這些東西很新，我遇到了一個小問題 - 我正在嘗試做的是調整網頁上的所有圖像（更具體地說，每個元素中帶有id #post的圖像）和把它們縮小一點

var currentWidth = $("#post img").width();
$("#post img").each(function () {
    $(this).css({'width': currentWidth / 1.5 + "px"});
});

問題是我認為它抓住了第一個圖像的寬度並將其用於所有圖像，因此它們最終都與第一個縮小圖像的尺寸相同。 有沒有辦法解決這個問題，以便每個圖像的寬度都被抓住並適當縮小？

Answer 1

你是對的 - 你得到一個寬度並在整個循環中使用它。 你已經在那里，在循環中使用this 。 請遵循以下內容：

$("#post img").each(function () {
    var currentWidth = $(this).width();

    if (currentWidth > 900) {
      $(this).css({'width': currentWidth / 1.5 + "px"});
    }
});