BlackBerry Web應用程序 - 100％寬度未填充屏幕

我正在開發移動Web應用程序，並且我已經注意到我的兩款測試手機都是BlackBerry 9700 Bold（OS 5.0）和BlackBerry Tour 9630（OS 4.7）不要正確渲染寬度。BlackBerry Web應用程序 - 100％寬度未填充屏幕

我有一個簡單的表格，我聲明寬度爲100％，但表格不擴展並佔用屏幕的100％。屏幕右側有10px左右的裝訂線/白色邊框。如果我將寬度硬編碼爲480px，那麼它會佔用整個屏幕，但我不想硬編碼寬度值，因爲它們可能會因用戶使用的BlackBerry而不同。

我正在使用這個元標記：<meta name="HandheldFriendly" content="true" />，並嘗試設置視口元標記，但很少成功。

任何想法？我意識到我可以使用JavaScript動態設置寬度，但我寧願不要。另外，如果我將呈現的頁面保存爲HTML，然後將該HTML上傳到服務器，那麼當我從BlackBerry瀏覽到該頁面時，寬度爲100％！考慮到它是相同的代碼，這很奇怪。當頁面被動態創建並且寬度變得混亂時，可能有些問題是錯誤的。

任何人都會遇到類似的情況？

烏，我也有這個問題。你有沒有解決它？沒有人爲這個問題提供任何解決方案。 – Sherri 2011-04-14 23:59:13

我其實剛剛爲我的項目解決了這個問題。我向未填充黑莓全部寬度的div添加了最小寬度：470px，並修復了它。

2011-04-15 00:21:37 Sherri

謝謝Sherri，我最終不得不使用固定寬度來描述，但它並沒有完全解決我的問題。謝謝！ – scottystang 2011-04-15 13:25:00

我設法擺脫排水溝空間在我的CSS添加此：

body 
{ 
    margin: 0px; 
}

2011-06-17 17:36:49

我解決了這個問題由於視元這樣的：

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

之後，一個簡單的「身體{寬度：100％}」工作正常！

它與其他手機兼容。

2011-06-29 10:30:22 p2s

回答