Web applications 黑莓网络应用程序-100%宽度不填充屏幕
我正在开发一个移动web应用程序,我注意到在我的两款测试手机上,BlackBerry 9700 Bold(OS 5.0)和BlackBerry Tour 9630(OS 4.7)没有正确渲染宽度 我有一个简单的表格,我声明它的宽度为100%,但是表格没有扩展,占据了100%的屏幕。屏幕右侧有一个10px左右的沟槽/白色边框。如果我硬编码宽度为480px,那么它会占据整个屏幕,但我不想硬编码宽度值,因为根据用户使用的黑莓手机,宽度值可能会有所不同 我正在使用这个元标记:Web applications 黑莓网络应用程序-100%宽度不填充屏幕,web-applications,blackberry,width,Web Applications,Blackberry,Width,我正在开发一个移动web应用程序,我注意到在我的两款测试手机上,BlackBerry 9700 Bold(OS 5.0)和BlackBerry Tour 9630(OS 4.7)没有正确渲染宽度 我有一个简单的表格,我声明它的宽度为100%,但是表格没有扩展,占据了100%的屏幕。屏幕右侧有一个10px左右的沟槽/白色边框。如果我硬编码宽度为480px,那么它会占据整个屏幕,但我不想硬编码宽度值,因为根据用户使用的黑莓手机,宽度值可能会有所不同 我正在使用这个元标记:,并尝试设置视口元标记,但收
,并尝试设置视口元标记,但收效甚微
有什么想法吗?我意识到我可以使用JavaScript动态设置宽度,但我不希望这样。另外,如果我将呈现的页面保存为HTML,然后将该HTML上传到服务器,那么当我从BlackBerry浏览到该页面时,宽度为100%!考虑到它是相同的代码,这很奇怪。当页面被动态创建并且宽度被弄乱时,可能是出了问题
还有其他人经历过类似的事情吗?事实上,我刚刚为我的项目解决了这个问题。我在没有完全填满BlackBerry宽度的div中添加了一个minwidth:470px,并将其修复。我通过在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;" />
之后,一个简单的“body{width:100%}”就可以了
而且它与其他手机兼容。Ug,我也有这个问题。你解决过吗?没有人提出过这个问题的任何解决方案。谢谢Sherri,我最终不得不使用你描述的固定宽度,但这并没有完全解决我的问题。谢谢