如何在应用了 z-index 的响应式设计中调整图像大小？

Question

我有一个应用了 zindex 的图像。随着浏览器变窄，我想调整图像大小。由于图像的宽度约为 250 像素（比浏览器窗口小得多），因此在浏览器窗口小于 250 像素之前，图像不会调整大小。

我知道这是应该发生的正常方式，但我希望图像相对于浏览器宽度进行缩放，这意味着如果浏览器窗口为 1000 像素宽且图像为 250 像素宽，那么如果浏览器窗口为缩小到 750 像素，然后图像变成 188 像素宽（相对缩小）。这可以在 CSS 中完成吗？

谢谢

Answer 1

你当然知道！

只需使用百分比而不是像素来定义宽度。

但是，如果图像位于以像素而不是百分比定义宽度的选择器内，则它可能无法正常工作。