html - 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">

上記の行を削除した後、すべてが正常に機能し始めました。いくつかの読み取りを行う必要があります。

みんなありがとう、特にマイナスに当たらない人たち;)