100％幅/高さがiPhoneで動作しないのはなぜですか？

携帯電話にhttp://toniweb.us/gmを入力すると、寸法が間違っていることがわかります。100％幅/高さがiPhoneで動作しないのはなぜですか？

CSSた内容に応じて：

html, body{ 
    position:relative; 
    height:100%; 
    width:100%; 
    overflow-y:hidden; 
}

それはそれの全体を使用する必要があります。

そして、私が追加：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.0" />

をしかし、私はこれが影響し何それほどわかりません。

さらに、ウェブサイトは> = 1024ピクセルに最適化されています。これにiPhoneを適応させる方法はありますか？おそらく何とかスケーリングすることによって？

ヒントは非常に役に立ちます。試してみました

あなたの質問のタイトルを意味すると思われる「少し個人的な」とは何ですか？ – BoltClock

私はちょうど私のiPhoneでそれを見て、私は次元が間違っていると言うことはできません。現在のように大きな左の列があると私は期待しているようです。 – JayC

：

html, body{ 
    position:absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow-y: hidden; 
}

私は上記のコードは、仕事をすることを推測;）そして、私はあなたの目標はiphoneの右側にのみグレーのサイドバーを参照することだったと思いますか？

2011-12-27 16:50:22 seahorsepip

私の目標は、これをデスクトップコンピュータのビューと同じように見えるようにすることでした。今週はそれをリリースする必要があり、来月は適切なモバイルバージョンを作成します。 –

もっとサイズを変更したい場合は、 width：100％...、あなたはウィンドウのサイズを見て、要素のサイズを変更するjsを使う必要があります：/ とにかくあなたを助けるかもしれない 'mediaqueries'を見てください;） – seahorsepip

私は..参照してください奇妙なことに、ボディ（min-width：1024px）でさえそれを作ることはできません... –

答えて