网站显示与智能手机不兼容

我有一个网页，其目的是在顶部有一个菜单栏，这是在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; } 
    }

这段代码以任何方式创造出了问题？

来源

2013-04-05 Gopal Samant

你需要看看这个教程http://webdesignerwall.com/tutorials/css3-media-queries

它会帮助你

来源

2013-04-05 14:59:27

对不起，在我提到的前一个细节错误。它不是图像，而是颜色设置为灰色的div标签。现在的问题是，有一个网页的背景图像。并根据其CSS样式，它会根据智能手机上的浏览器采用适当的尺寸。但是当我向右滚动时，它仍然允许我滚动网页已经翻过来的地方，而我只是在滚动常量背景图片。是否有滚动属性，当设置时会停止这种现象？ – 2013-04-05 18:43:55

网站显示与智能手机不兼容

回答

相关问题