twitter-bootstrap - 如何在小型设备上放大背景图片

Question

我将其用于我正在编写的网站

.homepage{
 background-image: url(/wp-content/themes/ep/img/_.png);
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-repeat:no-repeat;
 background-position:0px @blackbar_height;
}

它在大屏幕上工作正常，但我想使用媒体查询以便能够缩小背景图像的特定部分(假设我想聚焦中心部分)手机或平板电脑。

Answer 1

使用:

background-size: 150% auto; // Yes background size can be increased more than 100%.

您可以使用background-position 将焦点放在某个部分。