我有一个网页，其顶部有一个菜单栏，这是在 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; }
}
这段代码是否会以任何方式产生问题？