css - 背景图像在特定浏览器宽度下响应

Question

我有一个大的背景图像，它是一个特定的高度和宽度，我对桌面感到满意。我正在使用背景位置中心顶部 atm，所以我可以看到整个图像，但随着浏览器宽度的减小，宽度会被裁剪。

图像有一个特定的中心部分是焦点，所以一旦我达到特定的浏览器宽度（大约 1000 像素 - 图像在宽度上被裁剪），然后我希望图像的可视区域向下响应移动设备保留浏览器规定的可见裁剪宽度......这可能吗？

非常感谢

Answer 1

我不知道你到底是什么意思，但我认为你想使用媒体屏幕。

 @media screen and (max-width:1000px) {
        img{
           width:100%;
        }
    }

如果您还有其他意思，请回复帖子，我会帮助您:)