Веб-приложение BlackBerry - ширина экрана 100% не заполняет

Question

Я работаю над мобильным веб-приложением и заметил, что на обоих моих тестовых телефонах, таких как BlackBerry 9700 Bold (OS 5.0) и BlackBerry Tour 9630 (OS 4.7), неправильно отображается ширина.

У меня есть простая таблица, которую я объявил шириной 100%, но таблица не расширяется и занимает 100% экрана.Справа от экрана есть рамка желоба / белого цвета размером около 10 пикселей.Если я жестко кодирую ширину, равную 480px, то она занимает весь экран, но я не хочу жестко кодировать значения ширины, поскольку они могут различаться в зависимости от того, какой BlackBerry использует пользователь.

IЯ использую этот метатег: <meta name="HandheldFriendly" content="true" /> и экспериментировал с настройкой метатега области просмотра с небольшим успехом.

Есть идеи?Я понимаю, что могу динамически устанавливать ширину с помощью JavaScript, но я бы предпочел этого не делать.Кроме того, если я сохраню визуализированную страницу в формате HTML, а затем загружу этот HTML-код на сервер, то при просмотре этой страницы из BlackBerry ширина составит 100%!Это странно, учитывая тот же код.Возможно, что-то не так, когда страница создается динамически, а ширина искажается.

Кто-нибудь еще испытывает что-то подобное?

Answer 1

Мне удалось избавиться от водосточного пространства, добавив это в свой CSS:

body
{
    margin: 0px;
}

Answer 2

Я решил эту проблему благодаря мета области просмотра следующим образом:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0;" /> 

После этого простое «тело {ширина: 100%}» работает отлично!другие телефоны.

Answer 3

Я просто решил это для своего проекта. Я добавил min-width: 470px к элементам div, которые не заполняли всю ширину BlackBerry, и она исправила это.