我有一个网页，其顶部有一个菜单栏，这是在x轴上重复图像的结果。
width: 900px;
margin: 0 auto;
background-image: url(/images/white-fade-short.png);
background-repeat: repeat-x;
上面提到的图像作为背景提到了菜单链接。这个网站在桌面上渲染得很好。但是当加载到智能手机上时，条形图像的呈现比实际网页大小要多得多，并且它会向上滚动到特定长度。我怎样才能解决这个问题。 还设置了以下css属性，使其与智能手机显示屏兼容：
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
此代码是否以任何方式产生问题？