2017-02-24 4 views
3

私はこれを試しましたが、ウィンドウの画面に正しくフィットしません。 上下にスクロールするスペースがありますが、画面に適切に収まる場合はそこには置かないでください。アップロードされたイメージのサイズに関係なく、動的に作成されたブートストラップカルーセルイメージのサイズをデスクトップサイズに設定する方法

$(document).ready(function() { 
     var $item = $('.carousel .item'); 
     var $Wwidth = $(window).width(); 
     $item.eq(0).addClass('active'); 
     $item.width($Wwidth); 
     $item.addClass('full-screen'); 

     $(window).on('resize', function() { 
      $item.width($Wwidth); 
     });      
} 

答えて

0

最後に、次のようにheight変数を宣言してこの問題を修正しました。もし誰かが同じ問題に直面するなら、これは彼らを助けるだろう。

 $(document).ready(function() { 

     var $item = $('.carousel .item'); 
     var $Wwidth = $(window).width(); 
     var $wHeight = $(window).height(); 
     $item.eq(0).addClass('active'); 
     $item.height($wHeight); 
     $item.width($Wwidth); 
     $item.addClass('full-screen'); 

     $(window).on('resize', function() { 
      $item.height($wHeight); 
      $item.width($Wwidth); 
     }); 

    }); 
関連する問題