css - 背景 img 响应式设计

Question

我正在尝试在背景图像上使用悬停，如下所示：

.featuredimg{background: url('[imgPathHere]');
             width:370px;
             height:430px;}
.featuredimg:hover{background: url('[imgPathHere]')0px -430px;}

问题是我正在使用 twitter 引导程序，以便该站点具有响应性。如何在允许图像缩放的同时继续使用背景 img 悬停。现在，无论窗口大小如何，图像都保持相同的宽度和高度。

Answer 1

使用:before / :after或background-size属性来缩放背景图像。