0

出于某种奇怪的原因，我无法在黑莓手机上将我的身高拉伸到 100%。它在 Ripple Emulator 中运行良好，但在实际设备上运行良好。

这是我的 index.html 文件：

<!DOCTYPE html>
<html>
<head>
<meta name="x-blackberry-defaultHoverEffect" content="false" />
<meta name="viewport" content="initial-scale=1.0,width=device-width,user- 
scalable=no,target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--<link rel="stylesheet" type="text/css" href="css/bbui-0.9.3.css" />-->
<script src="js/javascript.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>

这是css文件：layout.css

.html
{
  height: 100%;
}
body
{
  background-color: #000000;
  height: 100%;
  padding: 0;
  margin: 0;
}

我已经将 html 标签和 body 标签高度设置为 100% 但没有用。有人有什么想法吗？

谢谢你。

4

2 回答 2

1

之类的属性height:100%; min-height:100%。不适用于黑莓。

所以这里是修复：

$(document).ready(function() {
   document.body.style.height = screen.height + ‘px’;
});

将此添加到javascript文件

于 2012-10-16T05:16:31.897 回答
0

不确定您的问题中是否有错字，但应该是 html 而不是 .html ：

html
{
  height: 100%;
}

如果这对您不起作用，请尝试使用固定定位。这非常适合移动应用程序（我将它用于 BB10 和 PlayBook 开发）：

html,body{
    position:fixed;
    top:0px;
    bottom:0px;
    width:100%;
}
于 2012-10-16T17:31:30.303 回答