出于某种奇怪的原因,我无法在黑莓手机上将高度拉伸(stretch)到 100%。它在 Ripple 模拟器中运行良好,但在实际设备上运行良好。
这是我的 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%,但没有用。有人知道吗?
谢谢。
最佳答案
属性如height:100%;最小高度:100%
。不适用于黑莓。
所以这里是修复:
$(document).ready(function() {
document.body.style.height = screen.height + ‘px’;
});
将此添加到 javascript 文件
关于html - CSS 主体高度 : 100% Not Working in Blackberry,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12906533/