基金会响应式网页设计

问题描述：

我有一个非常简单的股利：

<div style="background:url(gymBasketballHoops.jpg);height:100%;">&nbsp;</div>

当我设置高度190像素，它说190无论浏览器的大小，但是当我设置高度OT 100％，这只是表演50像素的图像。我在当前网站中使用了大量的东西，这些东西将成为背景图片，但我也希望这些高度响应。我如何做到这一点？

答

<div style="background:url(gymBasketballHoops.jpg);height:100%;">&nbsp;</div>

当我设置高度190像素，它说190无论浏览器的大小，但是当我设置高度OT 100％它是只显示50像素的图像。

没有看到你的HTML/CSS的其余部分，我不能还建议什么比下面...

190px大小是固定的，将是190个像素高，不管什么样的浏览器或分辨率。

100%是相对于所述div的外容器的大小，不其内容。如果外部容器高500像素，那么你的<div>将是100％。

由于<div>是除了 空的，你必须设置一个大小或只会大到足以所以封闭 不指定大小，它只会响应其内容的大小。

因此，您可以根据外部容器设置一个百分比，您可以设置一个固定的高度，或者可以将其保留并允许内容指定高度。