Ipad上的網站問題 - CSS

我目前正在開發一家網上商店。Ipad上的網站問題 - CSS

我的客戶希望它在iPad上有正確的外觀。問題是，當它在橫向加載時，網站不居中，並顯示正確的「白色欄」。

我一直在解決這個問題已經有好幾天了，現在還沒有找到解決這個問題的辦法。我認爲這只是一個CSS問題，但我似乎無法找到它。

使用此meta標籤：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

或者，看看使您的網站響應考慮到實際devide寬度。

2012-11-30 16:05:03

它仍然有在右邊的白酒吧，但現在它加載全屏現在的樣子我通緝！非常感謝你！我不知道這個元標記，但據我所知，它將寬度設置爲設備寬度，並且還定義了比例尺......這是每個網站的必備條件嗎？ – user1776702

@ user1776702 - 值得一讀：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/ –

@ user1776702此外，你應該選擇去（我會100％建議你這樣做），這是一個很好的信息來源：http://bradfrost.github.com/this-is-responsive/resources.html –

你有沒有想過使用媒體查詢？您的網站未經過測試的響應。媒體查詢將允許您定義max在不同尺寸的屏幕上的顯示效果。

例如，對於一個iPhone 4

@media only screen and (max-device-width: 480px) { 


}

2012-11-30 16:06:16 joshuahornby10

回答