BlackBerry web应用- 100%宽度不填满屏幕
我正在开发一个移动web应用程序，我注意到在我的两部测试手机上，BlackBerry 9700 Bold (OS5.0)和BlackBerry Tour9630(OS4.7)不能正确渲染宽度。
我有一个简单的表格，我声明它的宽度是100%，但是表格并没有扩展并且占据了100%的屏幕。在屏幕的右侧有一个大约10px的间隔/白色边框。如果我将宽度硬编码为480px，那么它将占据整个屏幕，但我不想硬编码宽度值，因为它们可能会因用户使用的BlackBerry而不同。
我使用这个meta标签：<meta name="HandheldFriendly" content="true" />，并尝试设置视口meta标签，但收效甚微。
有什么想法吗？我知道我可以使用JavaScript动态设置宽度，但我不希望这样做。另外，如果我将呈现的页面保存为超文本标记语言，然后将该超文本标记语言上传到服务器，那么当我从BlackBerry浏览到该页面时，宽度是100%！考虑到这是相同的代码，这很奇怪。当页面是动态创建的，宽度变得混乱时，可能出现了一些问题。
还有其他人经历过这样的事情吗？
回答 3
Stack Overflow用户
发布于 2011-04-15 08:21:38
实际上，我刚刚为我的项目解决了这个问题。我向没有填满整个BlackBerry宽度的div添加了一个min- width :470px，并将其修复。
Stack Overflow用户
发布于 2011-06-18 01:36:49
通过在我的CSS中添加以下内容，我设法摆脱了间隔空间：
body
{
margin: 0px;
}Stack Overflow用户
发布于 2011-06-29 18:30:23
多亏了这样的viewport meta，我解决了这个问题：
<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%}“就可以正常工作了！
而且它与其他手机兼容。
https://stackoverflow.com/questions/3825281
复制相似问题
腾讯云开发者
