0

我想根据视口大小使用 jQuery 使用 mainImg 类调整图像的大小。使用以下脚本,我可以将图像调整为可用的确切视口高度,但我想在顶部将尺寸减小 20px,在底部边距减小 50px 以创建一些空白。

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

1 回答 1

2

试试这种方式:

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

这个想法是将整个高度减少 70px 并应用 20px 的 margin-top;这样50px就自动在底部创建了一个空间

于 2012-07-02T10:14:25.480 回答