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页面宽度

回答

相关问题