图像缩放大小取决于浏览器大小

Question

以此网站为例：http://www.reebok.com/en-GB/

标题div高度根据浏览器的大小进行调整，内部内容的高度为100％＆amp;宽度。

这是由javascript控制的，这可以单独用CSS完成吗？

Answer 1

你只能在html＆amp;帮助下做到这一点。 CSS。写得像这样：

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

检查此http://jsfiddle.net/e8V47/

Answer 2

在您的页面中，它实际上是使用的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
}

Answer 3

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