jquery - $(window) 或 $(document) 测量宽度和高度以在每个屏幕上自动适应浏览器中的图像

Question

我必须以每种屏幕分辨率将所有图像放在屏幕上。

我应该使用哪个$(window)或$(document)测量height /width来自动调整图像。

Answer 1

如果所有图像都没有固定高度，则使用

$(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 2

我使用这样的窗口：

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); 
 });    

};

Answer 3

您需要获取 $(window)。

window包括document. _ window是浏览器屏幕，因此是屏幕上的可视区域，而是document您的文档。因此，加载到浏览器中的 html 页面可以小于您的屏幕尺寸。