使用jQuery將動態生成高度的邊距減少25像素

Question

我想根據視口大小使用jQuery使用mainImg類調整圖像大小。使用以下腳本，我可以調整圖像的大小以適應可用的確切視口高度，但是我希望將頂部的大小減小20px，並使底部邊距的大小減小50px，以創建一些空白區域。

var viewportHeight = $(window).height(); 
$(document).ready(function() { 
    $('.mainImg').css({ height: viewportHeight}); 
}); 

Answer 1

只是嘗試了這種方式：

var viewportHeight = $(window).height(); 
$(document).ready(function() { 
    $('.mainImg').css({ 
     height : (viewportHeight-70) + 'px', 
     marginTop : "20px" 
    }); 
}); 

的想法是70像素，以降低整體高度和應用的一個20像素的margin-top;以這種方式在底部的50px空間自動創建