jquery - $（ウィンドウ）または$（ドキュメント）を使用して幅と高さを測定し、すべての画面でブラウザの画像を自動調整します

Question

すべての画像をすべての画面解像度で画面に収める必要があります。

画像を自動調整するには、どちらを使用する$(window)か$(document)、測定する必要がありheight /widthます。

Answer 1

$（ウィンドウ）を取得する必要があります。

windowインクルードdocument。_ これwindowはブラウザ画面であるため、画面上の表示可能領域でdocumentあり、ドキュメントです。したがって、ブラウザに読み込まれるhtmlページは、画面サイズよりも小さい場合があります。

Answer 2

すべての画像に固定の高さがない場合は、

$(window).load(function () {
    // your code goes here which will be executed once all the images 
   // got loaded (seen)
});

ロードするすべての画像の高さが固定されている場合は、画像がロードされるのを待たずに、<img>タグに固定の高さを割り当ててフィットさせます。使用する

$(document).ready(function () {
    // your code goes here which will be executed once the DOM is ready 
    // (means all the tags including IMG tags) are loaded. 
});

Answer 3

私はこのようなウィンドウを使用します：

function resizeThings(){
var  winH = $(window).height();
var  winW = $(window).width();

// let's say you are trying to match images to height
 $('img').each(function(){
   $(this).css('height', winH); 
 });    

};