我正在开发一个移动网络应用程序，我注意到我的测试手机，BlackBerry 9700 Bold（OS 5.0）和BlackBerry Tour 9630（OS 4.7）都没有正确渲染宽度。
我有一个简单的表格，我已宣布宽度为100％，但表格不会扩展并占据屏幕的100％。屏幕右侧有10px左右的阴沟/白色边框。如果我将宽度硬编码为480px，则会占用整个屏幕，但我不想硬编码宽度值，因为它们可能会有所不同，具体取决于用户使用的BlackBerry。
我正在使用此元标记：<meta name="HandheldFriendly" content="true" />并尝试设置视口元标记但收效甚微。
有什么想法吗？我意识到我可以使用JavaScript动态设置宽度，但我宁愿不这样做。此外，如果我将呈现的页面保存为HTML然后将该HTML上传到服务器，那么当我从BlackBerry浏览到该页面时，宽度为100％！考虑到它是相同的代码，这很奇怪。当页面被动态创建并且宽度变得混乱时，可能会出现问题。
其他人有这样的经历吗？
答案 0 :(得分：1)
我设法通过在我的CSS中添加它来摆脱阴沟空间：
body
{
margin: 0px;
}
答案 1 :(得分：0)
我实际上刚刚为我的项目解决了这个问题。我添加了一个最小宽度：470px到没有填充整个BlackBerry宽度的div，并修复了它。
答案 2 :(得分：0)
我解决了这个问题，这要归功于那样的视口元：
<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％}”工作正常！
它与其他手机兼容。