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