BlackBerry web app - 100% ширина не заполняет экран

Question

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

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

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

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

У кого-нибудь есть что-то подобное?

Answer 1

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

Answer 2

мне удалось избавиться от средника, добавив это в моем CSS:

body 
{ 
    margin: 0px; 
} 

Answer 3

Я решил эту проблему благодаря окна просмотра мета так:

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

После этого простой "body {width: 100%}" отлично работает!

И это совместимо с другими телефонами.