ipad不按预期呈现页面

Question

以下是该页面的外观以及桌面上的内容（chrome，firefox，opera）：

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

这是一个Wordpress儿童主题（Twenty Eleven），它的结构与往常一样：

这是一些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">

删除上面的所有内容后，一切都开始正常了。 将不得不做一些阅读。

感谢所有人，特别是那些没有打减的人;）