創建圖像適合IE窗口

我需要根據窗口尺寸的圖像改變其大小，即，如果窗口被重新定尺寸的圖像需要被重新調整大小以適合窗口。這個問題是很容易的與Chrome和Firefox，我剛剛成立的「width = 100％」，但IE是不是那種...
此問題提出了好幾次，但我無法找到一個連貫的答案，這也許是因爲我真的很新的整個web開發業務，但它似乎對我來說，這個問題並沒有真正回答...創建圖像適合IE窗口

難道這通過改變根據的JavaScript width屬性來解決窗口大小？有沒有人遇到這個問題，並有更好的解決方案？

在此先感謝，鱒魚

來源

2010-10-29 Trout

這是我的一個朋友用一個小的JavaScript解決的。

windonw.onresize = function(e){ 
    if (self.innerWidth){ 
     windowWidth = self.innerWidth 
    } else if (document.documentElement && document.documentElement.clientWidth){ 
     windowWidth = document.documentElement.clientWidth 
    } else if (document.body) { 
     windowWidth = document.body.clientWidth 
    } 
    document.getElementById("img_id").style.width = windowWidth-(some number) 
}

我加入的原因（一些號碼）是IE計算其寬度與兩側邊距和圖像逃脫的窗口，所以你必須做的是使圖像小於一點點' WINDOWWIDTH」 ......

希望這有助於更多迷失的靈魂和我一樣。

來源

2010-10-29 10:55:44 Trout

這應該做到這一點！

<html> 
<body> 
    <div style="width:100%;height:100%;position:absolute;top:0;left:0;"> 
    <img src="some.jpg" style="width:100%;height:100%;" /> 
    </div> 
</body> 
</html>

來源

2010-10-29 09:56:56 jerjer

這適用於如果我的img是背景，但它是頁面中的元素。 – Trout 2010-10-29 10:06:16

此外，當您的幫助同時添加「寬度」和「高度」屬性中的圖像比例被扭曲...謝謝儘管... – Trout 2010-10-29 10:07:01

你可以刪除寬度或高度，使得圖像不會失真：它應該現在是或 – jerjer 2010-10-29 10:28:58

創建圖像適合IE窗口

回答

相關問題