根據屏幕尺寸，圖像不斷移動。有人可以幫忙嗎？

Question

好吧，我只花了8個小時就安裝了nivo-slider並使它與主要的3個瀏覽器兼容。現在，當我看到我的iPad看屏幕時，標題轉移到左側，儘管筆記本電腦看起來很好。

有人可以查看我的來源，並給我建議，在此先感謝！

我猜它是與定位，但能找到哪一個，再次感謝

www.gudskunc.com

Answer 1

檢查出該網站與儘可能多的瀏覽器，你可以：Safari瀏覽器，鉻，歌劇，互聯網資源管理器等。在Safari和Chrome中，橫幅向左移動。

有一些需要工作的東西，但一個很大的東西（這裏的解決方法）是有效地構造東西。現在，您的導航欄，橫幅和頁面內容都是獨立的元素，您可以使用古老的center標記來將所有內容都保存在瀏覽器中。相反，廢棄center標籤和一個元素包裹的一切......

<div id="container"> 
    <div id="header"> 
      ... 
    </div> 
    <div id="banner"> 
      ... 
    </div> 
    <div id="content"> 
      ... 
    </div> 
</div> 

然後，在你的CSS，你可以很容易地居中整個事情一次：

#container { display: block; width: 950px; margin: 0 auto; } 

確保結構的HTML讓你的生活更輕鬆！