Question

这就是我的困境，我有一张背景图片，上面有一个条形图。我使用

来适应背景图像

body {
     background-image: url("foo");
     background-size: 100%;
}

我也有一些html，我希望在那个栏中。问题是，当用户调整浏览器窗口的大小时，图像会调整以适应它（这是我想要它做的），但是html保持在同一个位置，因此它被放在栏外。有没有办法让我的html像图像一样可调整大小，以便html看起来像是粘合到图像？有人可以给我一个css剪辑吗？

Answer 1

使用图像指导布局的最大问题就是这个问题。不幸的是，哈里森，你没有解决方案可以让你在不改变图像的情况下跨浏览器或浏览器尺寸做你想做的事。如果可以的话，请发布它应该是什么样子的截图，以便我们可以帮助您修改背景以提高其兼容性

与此同时，我建议您从图像中删除该栏并继续使用该图像作为背景。然后使用带有display: block;的div并使用该栏作为其背景。

Answer 2

如果要将条形图调整大小，请将其高度和宽度设置为容器高度和宽度的百分比数量。当然，当窗口在很大程度上缩小时，HTML会溢出，对此没有任何补救措施。