我有一个图片大小:240px/240px。这个尺寸的图片只能在宽屏幕上显示,在手机上这张图片必须是80px/80px。 我曾经尝试过:如何减少背景图片的大小?
.picture{
height:100%;
min-height: 240px;
background: url("../../img/picture.png") no-repeat;
background-size: cover;
background-position: 50% 50%;
}
@media screen and (max-width: 480px) .picture {
height: 80px;
transform:scale(.3);
}
但是这种规模的父母阻止,BG比例不对,完全正确的,但是这不是我所需要的。这只是作物bg图片。
这是我所需要的。所有问题都在背景大小:封面;现在我使用背景大小:100%;在宽屏幕和背景大小上:25%;在移动。它是完美的。感谢提示! – ostinred
太棒了!别客气 :) –