Странная ширина окна приложения вызывает нежелательные поля

Question

Итак, я делаю приложение для android 2.1, используя phonegap, и с правой стороны есть дополнительное пустое поле (около 5 пикселей), которое делает страницу горизонтально прокручиваемой (я очень хочу этого избежать). Я сходил с ума, меняя и проверяя css, пока не попытался проверить ширину с помощью javascript. (устройство имеет ширину 320 пикселей)

Основной div - 320 пикселей, тело - 320 пикселей, документ - 320 пикселей ..., но окно - 325 пикселей!

Я виню во всем этом странную ширину окна, но я не знаю, что делать ... Я думаю, это какая-то ошибка (так как на 2.2 все работает нормально). Но есть ли обходной путь? Кто-то тоже испытывает это? Заранее спасибо!

Answer 1

Сложно без кода, но у меня была точно такая же проблема, и я решил ее с помощью:

body {
margin: 0px;
}

Может быть, тоже заполнение.Проверьте свою страницу в браузере, например Chrome, и проверьте метрики тела или других элементов, которые могут вызвать проблемы.

Answer 2

проблема решена, хотя в этом нет особого смысла ...

мой "основной div" (который охватывает всю страницу) имел следующие правила CSS:

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

Похоже, что есть какая-то проблема вычисления с этим позиционированием в Android 2.1, которая делает его больше, чем предполагалось. после изменения положения с «абсолютного» на «фиксированное», оно становится подходящим для экрана без правого поля это может быть плохим решением для того, кому нужно использовать абсолютное позиционирование, но это хорошо для моего случая.

надеюсь, это когда-нибудь кому-нибудь поможет;)