在保持全屏高度的同時居中圖像

Question

即使窗口變小，我也希望圖像保持瀏覽器窗口的全高。這似乎有伎倆。但是，目前，圖像仍然固定在屏幕的左側，圖像的右側在窗口大小調整時丟失。相反，我希望圖像從兩側切割，留下一個中心圖像。這可能嗎？

注：我需要在div中的圖像，而不是設置爲背景。

謝謝！

這裏是CSS我目前使用：

.div 
     { 
     min-height:100%; 
     min-width:100%; 
     text-align:center; 
     overflow: hidden; 
     margin: 0 auto; 
     } 
.img 
     { 
     min-height:100%; 
     min-width:100%; 
     margin: 0 auto; 
     } 

Answer 1

這樣的事情？

var origWidth; 
$(document).ready(function() { 
    origWidth = $(window).width(); //store the window's width when the document loads 
    origHeight = $(window).height(); //store the window's width when the document loads 
}); 

$(window).resize(function() { 
    var curWidth = $(window).width(); //store the window's current width 
    var curHeight = $(window).width(); //store the window's current height 
    var deltaTop = (curWidth- origWidth); 
    var deltaLeft = (curHeight- origHeight); 
    $("#image1").offset({top:($("#image1").offset().top + deltaTop)}); 
    $("#image1").offset({left:($("#image1").offset().top + deltaLeft)}); 
    origWidth = curWidth; 
    origHeight =curHeight; 
}); 

JsFiddle

（被這個問題的解決方案的啓發：link）