background - 背景图像流体调整大小

Question

我正在使用标题标签内的背景图像。编码如下所示：

<div id "header">
<div id "logo">
<div id "nav">


</div>
</div>
</div>

标头位于宽度为 75% 的容器元素内。徽标图像宽 1024 像素，高 75 像素。我正在尝试找到一种解决方案，将背景标签内的徽标图像保持在容器元素的 100% 宽度，并且在调整大小时按比例调整大小。

我想到的解决方案是

background-size:auto;

我选择了 1024 像素，因为它可以容纳大多数屏幕。最小宽度为 780 像素，最大宽度为 1024 像素。

让这个背景图像按照访问者屏幕和它所在的容器元素的比例重新调整大小的最佳解决方案是什么？

谢谢

score 0 · Accepted Answer

调整背景大小的唯一方法是使用 JavaScript。

score 0 · Accepted Answer

0

尝试这个：

 background-size: 100%;

于 2013-02-20T08:43:42.007 回答

score 0 · Accepted Answer

0

我发现最好的方法是

最小宽度：100%；

于 2013-03-03T18:22:59.920 回答

3 回答 3