黑莓网络应用程序 - 100% 宽度未填满屏幕答案

【问题标题】：BlackBerry web app - 100% width not filling screen黑莓网络应用程序 - 100% 宽度未填满屏幕
【发布时间】：2011-06-29 18:30:22
【问题描述】：

我正在开发一个移动网络应用程序，我注意到我的两部测试手机 BlackBerry 9700 Bold (OS 5.0) 和 BlackBerry Tour 9630 (OS 4.7) 无法正确呈现宽度。

我有一个简单的表格，我声明它的宽度为 100%，但表格没有展开并占据 100% 的屏幕。屏幕右侧有一个 10px 左右的排水沟/白色边框。如果我将宽度硬编码为 480 像素，那么它会占据整个屏幕，但我不想硬编码宽度值，因为它们可能会因用户使用的黑莓手机而有所不同。

我正在使用这个元标记：<meta name="HandheldFriendly" content="true" /> 并尝试设置视口元标记，但收效甚微。

有什么想法吗？我意识到我可以使用 JavaScript 动态设置宽度，但我不想这样做。此外，如果我将呈现的页面保存为 HTML，然后将该 HTML 上传到服务器，那么当我从 BlackBerry 浏览到该页面时，宽度为 100%！考虑到它是相同的代码，这很奇怪。当页面被动态创建并且宽度被弄乱时，可能有问题。

还有其他人遇到过这种情况吗？

【问题讨论】：

呃，我也有这个问题。你有没有解决过？没有人为这个问题提供任何解决方案。

标签： web-applications blackberry width

【解决方案1】：

我设法通过在我的 CSS 中添加这个来摆脱排水沟空间：

body
{
    margin: 0px;
}

【讨论】：

【解决方案2】：

我实际上只是为我的项目解决了这个问题。我在没有填满整个 BlackBerry 宽度的 div 中添加了一个 min-width:470px，并修复了它。

【讨论】：

谢谢雪莉，我最终不得不使用你描述的固定宽度，但这并没有完全解决我的问题。谢谢！

【解决方案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%}”就可以正常工作了！

而且它与其他手机兼容。

【讨论】：