背景图片在特定浏览器宽度下变得响应

时间:2016-02-15 10:02:23

标签: css background-image responsive-images

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

图像的特定中心部分是焦点,所以一旦我达到特定的浏览器宽度(大约1000px - 图像在宽度上被裁剪),我就像那个可视区域图像响应移动保留浏览器指定的可见裁剪宽度......这可能吗?

非常感谢

1 个答案:

答案 0 :(得分:0)

我不知道你的意思,但我认为你想使用媒体屏幕。

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

如果您的意思是其他我会帮助您,请回复帖子:)