iPad CSS頁面寬度

我在iPad和桌面上遇到了與我的頁面和頁眉有關的問題。iPad CSS頁面寬度

當您在計算機上查看http://www.photopile.me時，圖片和頁眉/頁腳應該延伸至邊緣的100％。 enter image description here

當您在iPad上使用它時，它不會顯示頁面的整個寬度，並且100％標題被調整大小。我想讓ipad顯示頁面的整個寬度。 enter image description here

我剛剛開始優化iPad，但我錯過了什麼？我敢肯定，我錯過了一個愚蠢的小規則。這裏是頭HTML

<header> 
    <div id="header-wrapper"> 
     ... header content ... 
    </div> 
</header> 
<div id="page-content"> 
     .... photos .... 
</div>

和CSS

header { 
    background: url('../images/header-bg.jpg') repeat-x top left; 
    z-index: 500; 
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .9); 
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .9); 
    box-shadow: 0 5px 10px rgba(0, 0, 0, .9); 
    position: fixed; 
    top: 0; 
    width: 100%; 
} 
#header-wrapper { 
    padding: 10px; 
    position: relative; 
} 
#page-content { 
    margin: 0 auto; 
    z-index: 400; 
    position: relative; 
    margin-top: 91px; 
    overflow: hidden; 
}

希望這是足夠的信息！

來源

2011-05-05 Brenden

@brenden，

寫min-width:1024px;，而不是min-width:1180px;在#wrapper，因爲它是你的電腦的問題也。自行檢查。

來源

2011-05-05 06:03:13 sandeep

這仍然不能解決問題的iPad。當它加載，尤其是垂直時，間距全部關閉 – Brenden 2011-05-05 07:03:59

@brenden，ipad尺寸爲1024 x 768。因此，您可以給出最小寬度：768px。實際上這是一個最小寬度的問題。 – sandeep 2011-05-05 07:10:53

您可以通過meta標籤查看縮放控件。我最近在iPad擴大我的頁面時遇到了一些問題，但我沒有意識到這一點。（這使我無意中使用不正確的大小制定）

<meta name="viewport" content="initial-scale=1">

可能的值：

initial-scale
max-scale
min-scale
user-scalable
width
height

來源

2011-10-07 13:37:41 Benjamin

iPad CSS頁面寬度

回答

相關問題