使用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" 
   });
});

这个想法是将整个高度减少70px并应用20px的保证金顶部;这样就可以自动创建底部的50px空间