2

我创建了一个 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 中删除 width 样式属性，则行为就是我所期望的。只有当页面的宽度小于图像的宽度时，div才会获得滚动x。但是，在我的 Web 应用程序中，不会发生同样的事情。图像也会根据浏览器宽度调整大小。

我在这里能错过什么？我的网络应用程序中有完全相同的小提琴代码

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

4

1 回答 1

0

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

于 2013-10-04T18:24:18.137 回答