アプリケーションウィンドウの奇妙な幅が望ましくない余白の原因となる

Question

私はphonegapを使ってアンドロイド2.1用のアプリを作っています。右側にページを水平にスクロール可能にする余分な余白があります（本当に避けたいですそれ）。 javascriptで幅を調べようとするまで、私は狂って変わってCSSをテストしていました。 （デバイスの幅は320ピクセル）

メインディビジョンは320px、ボディは320px、ドキュメントは320pxですが、ウィンドウは325pxです！

私はこの窓の奇妙な幅でそれを全部責めていますが、私は本当に何をすべきかわかりません... これは何かのバグです（すべてが2.2上でうまくいくので）。しかし、回避策はありますか？誰かがこれも経験していますか？前もって感謝します！

Answer 1

それは、コードなしでは難しいですが、私は正確に同じ問題を抱えていたし、それを解決：たぶんあまりにも水増し

body { 
margin: 0px; 
} 

。 Chromeのようなブラウザでページを確認し、本文のメトリックや問題の原因となる可能性のある他の要素を確認します。それはあまり意味がありませんが...（すべてのページをカバー）

私の「メインのdiv要素は、」このCSSルールを持っていた、解決

Answer 2

問題：

.main-div{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

そのあるようですアンドロイド2.1でのこのポジショニングの問題を計算するのは、それが意図していたよりも大きくなります。 "absolute"から "fixed"に位置を変更した後は、画面に合わせて右マージンにならなくなります。 絶対配置を使用する必要がある人にとっては不都合かもしれませんが、私の場合は問題ありません。

私は、これはいつか誰かを役に立てば幸い;）