图像缩放大小依赖于浏览器的大小

Question

使用本网站作为一个例子：http://www.reebok.com/en-GB/

头的div高度调整依赖于浏览器的尺寸，与内内容具有100％的高度&宽度。

这是由JavaScript控制的这可以完全用CSS来完成吗？

Answer 1

你只能在html & css的帮助下做到这一点。像这样写：

img{ 
width:100%; 
height:auto; 
} 

检查这个http://jsfiddle.net/e8V47/

Answer 2

在您的示例图像是通过浏览器调节，它在，如果你只设置了宽度或高度，浏览器会自动调整另一个。

Answer 3

在您的页面中，它实际上是使用Javascript。

容器的高度被修改行内的（style属性）

<div class="module module-hero use-full-width displayed" data-module="Hero" style="height: 232px;"> 

这不过可以做类似的事情与CSS，使用高度%。例如：

.module{ 
    height:40%;  // A percentage relative to the parent element 
}