当浏览器屏幕调整为html大小时，如何使图像大小固定

我创建了一个html页面，其中只包含一个div和一个图像。 我的问题是，当我调整浏览器屏幕的大小时，图像也会调整大小。我想在浏览器屏幕改变其宽度时做一些修改，例如，图像通过显示scroll-x来查看整个图像，从而保持相同的分辨率

我可以通过做一些变通来做到这一点。请看下面的小提琴：

正如您所看到的，当浏览器屏幕改变其宽度时，我可以滚动浏览图像。但是在我的例子中，我不想看到div的宽度，因为我只想在确实需要的时候显示滚动条

如果在上面的提琴中从div中删除width-style属性，那么该行为就是我所期望的。只有当页面宽度小于图像宽度时，div才会获取滚动条x。然而，在我的web应用程序中，同样的事情不会发生。图像也会根据浏览器宽度调整大小

我会错过什么？我的web应用程序中有完全相同的fiddle代码

我看了一下这个问题，但没什么帮助：

---

是否检查了父元素的样式。这可能就是问题所在

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