html - ipad 没有按预期呈现页面

Question

以下是页面的外观以及它在桌面上的外观（chrome、firefox、opera）：

这就是它在 ipad 上的呈现方式：

这是一个 Wordpress 儿童主题（二十一岁），它的结构和往常一样：

这是一些CSS：

#outer-header{
 width:100%;
 height:56px;
 background-color:#149CC3;
}
#main{
 width:940px;
 margin:0 auto;
 padding:0;
 padding-top:20px;
}
body.home #main{
padding-top:0;
}
#primary,#content{
 margin:0;
}
#primary{
 width:620px;
}
#content{
 width:100%;
}
#secondary{
 margin-right:0;
 width:300px;
border:solid 1px #149CC3;
margin-bottom:20px;
}
.inner-wrapper{
 width:940px;
 margin:0 auto;
}
#inner-footer{
 width:940px;
 background-color:transparent;
margin:0 auto;
}
#colophon{
width:100%;
 background-color:#149CC3;
}

请让我知道它可能是什么以及您可能还需要什么来确定问题原因。

非常感谢

Answer 1

我发现了问题：

<meta name="viewport" content="width=device-width">

在我删除上面的行之后，一切都开始正常工作了。将不得不做一些阅读。

感谢大家，尤其是那些没有打到负号的人；）