如何在浏览器屏幕大小调整时调整图像大小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）的风格。这可能是问题。