Question

由于一些奇怪的原因，我无法让我的身高在BlackBerry手机上伸展到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标签和正文标签高度设置为100％但没有用。任何人有任何想法？

谢谢。

Answer 1

height:100%; min-height:100%等属性。不适合黑莓。

所以这是修复：

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

将此添加到javascript文件

Answer 2

不确定你的问题中是否有拼写错误，但它假设是html而不是.html：

html
{
  height: 100%;
}

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

html,body{
    position:fixed;
    top:0px;
    bottom:0px;
    width:100%;
}

CSS身高：100％在Blackberry中不起作用

2 个答案: