如何按比例调整DIV里面

Question

OK的形象，所以我有一个全屏幕的背景图像通过闪光灯其上传

flash { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1; } 

调整大小完美，我也有在底部的股利和5张图片页脚在里面。我将所有图像排成一行，但随着浏览器调整大小，图像跳起来而不是按比例调整大小。将不胜感激您的建议。 这里是jsFiddle的链接http://jsfiddle.net/eglemei/LqBzY/

Answer 1

你的图片没有调整大小，因为你还没有告诉他们调整大小。比例调整大小不是默认行为。如果图片按照百分比给出width或height的值，图片只会按照其包含元素的比例重新调整大小。

一旦您指定的百分比height或width，图像将根据与最接近的父元素进行缩放明确设置position属性（在你的情况是“DIV＃页脚”。如果你设置的百分比width，那么只要你不指定height别处，图像将用于图像的CSS保持其宽高比

更改为这样的事情：

#sponsors img { 
    margin-right: 3%; 
    width:16%; 
} 

您还需要删除height="100px"每个img标签，否则img将使用该高度。

我已更新您的jsFiddle：http://jsfiddle.net/LqBzY/5/