我正在试验基础。链接：http://foundation.zurb.com/docs/index.php
我有一个非常简单的Div：
<div style="background:url(gymBasketballHoops.jpg);height:100%;"> </div>
当我将高度设置为190 px时，无论浏览器大小如何，都表示190，但是当我将高度设置为100％时，它仅显示50 px的图像。我在当前站点中使用了很多东西，这些东西将成为背景图像，但我也希望这些高度能够响应。我该如何完成？
最佳答案
<div style="background:url(gymBasketballHoops.jpg);height:100%;"> </div>
当我将高度设置为190像素时，无论浏览器大小如何，都表示190像素，
但是当我将高度设置为100％时，它只能显示50像素的图像。
没有看到您的HTML / CSS其余部分，除了以下内容，我无法推荐其他任何东西...
190px是固定大小，无论使用哪种浏览器或分辨率，其高度均为190像素。100%是相对于div外部容器的大小，而不是其内容。如果外部容器的高度为500像素，则您的<div>将为该像素的100％。由于除了
<div>以外 是空的，因此您必须设置一个大小，否则它的大小将足以包围 。因此，如果没有指定大小，它将仅对其内容的大小作出响应。因此，您可以基于外部容器设置百分比，可以设置固定高度，也可以不设置它，而是允许内容决定高度。