当浏览器更改大小时停止图像调整 div [关闭]答案

【问题标题】：Stop images resizing div when browser changes size [closed]当浏览器更改大小时停止图像调整 div [关闭]
【发布时间】：2012-06-24 05:37:40
【问题描述】：

当我调整浏览器的大小时，顶部 div #header 会在我的导航栏下方展开，我希望它保持齐平，但我仍然希望图像调整大小

抱歉代码混乱

提前致谢

安排，16

【问题讨论】：

【解决方案1】：

这是一个超级简单的修复，您只需要在 css 中定义 div 的宽度。

【讨论】：

【解决方案2】：

从图像中移除 width: 100% 和 height: auto 并给它们一个固定的高度，相当于框架顶部和导航栏顶部之间的距离。

例如，将#webdesign 更改为仅height:95px 会修复图像的尺寸。

【讨论】：

导航下方的主要图片仍将是流畅的。根据视口大小使图像成为动态大小是没有意义的，因为导航栏与框架顶部的距离是固定的。如果您希望它随浏览器窗口调整大小，您必须计算出您想要的标题的最小和最大高度，并使用 JavaScript 根据窗口高度更改它的高度。
所以如果我把它们修好，我怎么能阻止它们移动？
如果您的意思是如何阻止它们在水平调整大小时左右移动，则必须使它们包含的 div 具有固定宽度。