Twitter bootstrap 如何在小型设备上放大背景图像

Twitter bootstrap 如何在小型设备上放大背景图像,twitter-bootstrap,css,Twitter Bootstrap,Css,我正在用它来写一个网站 .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

我正在用它来写一个网站

.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;
}

它可以在大屏幕上正常工作,但我想使用media query来缩小背景图像的某一部分(比如说,我想聚焦中心部分)当它是手机或平板电脑时。

您可以按您想要的方式设置
背景大小
,并设置
背景位置:居中
将其聚焦到中心

e、 g

使用:


您可以使用
background position
来关注某个部分。

在移动设备上使用%值,而不是
background size
中的cover,即:
background size:50%自动否,这只会使图像变小,我想缩放图像的一部分,然后执行以下操作:
背景大小:150%自动背景位置
来关注某个部分。该死,我没想到这个。非常感谢你
.zoom {
                -moz-transform:scale(2); 
                -webkit-transform:scale(2);
                -o-transform:scale(2);
            }
background-size: 150% auto; // Yes background size can be increased more than 100%.
.zoom {
                -moz-transform:scale(2); 
                -webkit-transform:scale(2);
                -o-transform:scale(2);
            }