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

Question

我有一个应用了 zindex 的图像。我希望图像随着浏览器变窄而调整大小。由于图像大约有 250 像素宽(比浏览器窗口小很多)，所以图像不会调整大小，直到浏览器窗口窄于 250 像素。

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

谢谢

Answer 1

当然有!

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

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