網站顯示與智能手機不兼容

我有一個網頁，其目的是在頂部有一個菜單欄，這是在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

網站顯示與智能手機不兼容

回答

相關問題