0

ビューポートのサイズに応じて、jQueryを使用してmainImgのクラスで画像のサイズを変更したいと思います。次のスクリプトを使用して、使用可能な正確なビューポートの高さに画像のサイズを変更できますが、サイズを上部で20ピクセル、下部のマージンで50ピクセル小さくして、空白を作成します。

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 のマージントップを適用することです。このように50pxして、下部のスペースが自動的に作成されます

于 2012-07-02T10:14:25.480 に答える