iPhoneビューポート混乱/ window.innerHeight

Question

iPhoneの画面サイズにサイトを合わせるのに問題があります。

私がやっていることは、次のとおりです。スライドショーには、ページの後ろにフルスクリーンで表示され、上にテキストがほとんど表示されていないスライドショーがあります。

$('#bg').css('width', window.innerHeight).css('height', window.innerWidth); 

は、その後、私はスライドショーとスケールを挿入し、それに応じて画像をトリミング：

は、私は次の操作を行うスライドショーを設定するとき。これは、すべてのデスクトップベースのブラウザで完璧に動作します。しかし、iPhoneは実際の画面サイズを返すわけではなく、5000という値なので、かなり大きなスライドショーが表示されます。レイアウトの残りの部分は、指定されたCSSに従って完璧にレンダリングされているようです。

私はiPhoneとビューポート「もの」について知っていますし、すでにこの読みました：

<meta name="viewport" content = "user-scalable=no, initial-scale=1" /> 

はまたしても、これはどんな違いがありません：以下のメタタグを挿入するに私を導いたhttp://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/UsingtheViewport/UsingtheViewport.htmlを、iPhoneはまだ5000pxの次元を返します。

誰でも私が間違っていることを教えていただけますか？どうもありがとう！

Answer 1

オクラホマので、私はメタタグの組み合わせ使用していたためにトリックやった：

<meta name="viewport" content="user-scalable=no, width=device-width" /> 

Answer 2

メタタグでwidth = device-widthを試してください。また、5000ピクセル幅の他の要素は使用しないでください。