jquery - 使用 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 的 margin-top；这样50px就自动在底部创建了一个空间