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

Question

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

我可以通过一些解决方法来做到这一点。请看下面的 fiddle : 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 的宽度，因为我只想在真正需要时显示滚动条。

如果您在上面的 fiddle 中从 div 中删除宽度样式属性，则行为是我所期望的。只有当页面宽度小于图像宽度时，div 才会获得滚动 x。但是，在我的 Web 应用程序中，并没有发生同样的事情。图像也会根据浏览器宽度调整大小。

我在这里可以缺少什么？我的网络应用程序中有完全相同的 fiddle 代码

我看了一下这个问题，但没有太大帮助: Get image to stay fixed even with window resize

Answer 1

你检查过父元素的样式了吗？这可能是问题所在。