應用程序窗口的奇怪寬度導致不良的餘量

因此，我正在使用phonegap爲android 2.1創建應用程序，並且右側（大約5px）有一些額外的空白頁邊距，這使得頁面可以水平滾動（我真的很想避免那）。我瘋狂地改變和測試CSS，直到我試圖用javascript檢查寬度。（設備320像素寬）應用程序窗口的奇怪寬度導致不良的餘量

主要格爲320像素，機身320像素和文檔是320px的...但窗口是325px！我認爲這是一種錯誤（因爲2.2上的一切都運行正常）。但有沒有解決方法？有人也遇到過這種情況嗎？提前致謝！

2011-11-08 arvere

您需要提供讓我們使用一些代碼！ –

很難沒有代碼，但我有完全相同的問題，並解決它：

body { 
margin: 0px; 
}

也許填充了。在Chrome等瀏覽器中檢查您的網頁，並檢查身體指標或其他可能導致問題的元素。

2011-11-08 19:43:52 AndersDaniel

已經嘗試過，沒有區別......並且它很好，並且2.2，chrome和firefox（在mac上） – arvere

這確實很奇怪。你有一些代碼可以顯示嗎？ – AndersDaniel

這很奇怪，但我找到了一個解決方案...將其發佈。感謝您的幫助！ – arvere

問題解決了，但它並沒有多大意義......

我的「主格」（涵蓋了所有的頁面）有這樣的CSS規則：

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

似乎有是在android 2.1中的這種定位的一種計算問題，它使它比它的意圖更大。將定位從「絕對」改爲「固定」後，它變得適合屏幕，沒有右邊距。對於需要使用絕對定位的人來說，這可能是一個不好的解決辦法，但對我的情況來說很好。

我希望這可以幫助別人一天;）

2011-11-09 20:45:32 arvere

回答