html/css 将图像缩放到移动设备

Question

好的，所以我正在尝试让我的背景图像从桌面到移动设备正确缩放，我使用的代码是:

CSS

@media (max-width:500px){
#homepage{
padding-right: 5%;
padding-bottom: 80px;
position: relative;
background-size: cover ;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(../img/bg-mobile.jpg);
height: 100%;
 }
}

使用该代码，在移动设备上显示的图像大小约为 35x65px(图像“bg-mobile”为 337width X 667height，因为我发现 css 代码应该可以工作，但它不能有人帮助我(抱歉，我不知道如何更具体我可以)

Answer 1

background-position: center center;