Css 如何在应用了z索引的响应设计中调整图像大小?

Css 如何在应用了z索引的响应设计中调整图像大小?,css,responsive-design,Css,Responsive Design,我有一个应用了zindex的图像。我想在浏览器变窄时调整图像的大小。由于图像的宽度约为250像素(比浏览器窗口小得多),因此在浏览器窗口小于250px之前,图像不会调整大小 我知道这是应该发生的正常方式,但我希望图像相对于浏览器宽度进行缩放,这意味着如果浏览器窗口为1000像素宽,图像为250像素宽,那么如果浏览器窗口减少到750像素,图像将变为188像素宽(相对缩小)。这可以在CSS中实现吗 谢谢当然谢谢 只需使用百分比而不是像素来定义宽度 但是,如果图像位于以像素(而非百分比)定义宽度的选择

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

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

谢谢

当然谢谢

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


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

我不确定z索引会产生什么不同,但您是否尝试将图像宽度设置为25%?