如何在瀏覽器屏幕大小調整時調整圖像大小html

Question

我已經創建了一個html頁面，其中只有一個div和一個圖像。 我的問題是當我調整瀏覽器屏幕的大小時，圖像也被調整大小。每當瀏覽器屏幕改變寬度時，我都想做些事情，例如，通過顯示scroll-x來查看整個圖像，圖像保持相同的分辨率。

我可以通過做一些解決方法。請參閱下面的小提琴： http://jsfiddle.net/EB2cq/

<div style="width: 1424px; "> 
    <img src="http://1.bp.blogspot.com/_duWYbLDtB5s/RxD10qnsOZI/AAAAAAAAACc/9nPZhQRAVZ4/S658/google_logo_halloween_d-(mip.jpg"/> 
</div> 

正如你可以看到當瀏覽器畫面改變它的寬度，我可以滾動瀏覽圖像。但在我的情況下，我不想看到div的寬度，因爲我只想在真正需要時顯示滾動條。

如果您從上面的提琴中的div中刪除寬度樣式屬性，行爲就是我所期待的。只有當頁面的寬度小於圖像的寬度時，div纔會獲得滾動x。但是，在我的Web應用程序中，同樣的事情不會發生。圖像也根據瀏覽器寬度調整大小。

我能在這裏失去了？我有完全一樣的小提琴代碼在我的Web應用程序

我看了看這個問題，但它並沒有幫助這麼多： Get image to stay fixed even with window resize

Answer 1

你檢查父元素（S）的風格。這可能是問題。