BlackBerry Web应用程序 - 100%宽度未填充屏幕

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%!考虑到它是相同的代码,这很奇怪。当页面被动态创建并且宽度变得混乱时,可能有些问题是错误的。

任何人都会遇到类似的情况?

+0

乌,我也有这个问题。你有没有解决它?没有人为这个问题提供任何解决方案。 – Sherri 2011-04-14 23:59:13

我其实刚刚为我的项目解决了这个问题。我向未填充黑莓全部宽度的div添加了最小宽度:470px,并修复了它。

+0

谢谢Sherri,我最终不得不使用固定宽度来描述,但它并没有完全解决我的问题。谢谢! – scottystang 2011-04-15 13:25:00

我设法摆脱排水沟空间在我的CSS添加此:

body 
{ 
    margin: 0px; 
} 

我解决了这个问题由于视元这样的:

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

之后,一个简单的“身体{宽度:100%}”工作正常!

它与其他手机兼容。