iPhone iPad的頁面格式問題

我在這個網站上工作，發現在每個瀏覽器頁面居中確定，但在iPad上，頁面呈現在屏幕左側。 iPhone和Galaxy也是如此。此外，「添加此」按鈕不會出現在移動設備上，但在DT/NB上的所有瀏覽器中均可正常工作。iPhone iPad的頁面格式問題

瀏覽器視圖： enter image description here

iPad的迷你視圖： enter image description here

作爲示例，其應該呈現橫跨瀏覽器黑暗頭區域（每幅圖像）是：

HTML：

<div class="title-bar bar"></div>

CSS：

.bar { 
position: absolute; 
width: 100%; 
left: 0; 
top: 0; 
z-index: -99; 
} 

.title-bar { 
background-color: #000; 
height: 150px; 
width: 100% !important; 
}

歡迎任何建議。謝謝！

來源

2013-11-25 TheRealPapa

嘗試檢查媒體查詢的突破點。 –

嗨奧馬爾汗，我不明白你的建議。標題欄和頁腳欄的操作方式應與DT瀏覽器中基於CSS，居中和彩色欄的DT瀏覽器相同。你能詳細說明一下嗎？謝謝 – TheRealPapa

我想你正在使用css media quires來使你的網站響應，所以它可以顯示你的網站上的內容，只要你想。如果不是這種情況，請提供更多的細節或鏈接到您的網站，以便我們可以檢查 –

我覺得這個元標籤divice寬度問題。我在這個元標記width="800"給出

<meta name="viewport" content="width=800">

meta標籤把你的網站的寬度，而不800 把這個元標記頭標記

如。

<meta name="viewport" content="width= your website width">

來源

2013-11-25 09:51:16

iPhone iPad的頁面格式問題

回答

相關問題