2013-04-05 107 views
0

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

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

回答

0

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

它会帮助你

+0

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