Javascript style.height不起作用
我想使地图的高度是自动与设备的屏幕。。。 但是当我将style.height更改为auto，100%，screen.height时，地图就消失了。。。 如何使高度自动？ 这是我的密码 script.jsJavascript style.height不起作用,javascript,android,css,cordova,Javascript,Android,Css,Cordova,我想使地图的高度是自动与设备的屏幕。。。 但是当我将style.height更改为auto，100%，screen.height时，地图就消失了。。。 如何使高度自动？ 这是我的密码 script.js $('#home').live('pagecreate',function(){ document.getElementById('map_canvas').style.width=screen.width; document.getElementById('map_canvas').style
$('#home').live('pagecreate',function(){
document.getElementById('map_canvas').style.width=screen.width;
document.getElementById('map_canvas').style.height="20em";
});
<div id="home" data-role="page">
<div data-role="header">
*my header*
</div>
<div data-role="content">
<div id="map_canvas"></div>
</div>
</div>
*我的头球*
document.getElementById('map_canvas').style.width=screen.width;
document.getElementById('map_canvas').style.height="20em";
$("#map_canvas").css({
'width':screen.width,
'height':"20em"
});
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<body>
<style>
#map_canvas{
background-color:#00F;
}
#cont{
background:#F00;
height:200px;
}
</style>
<button onClick="doit1()">Click me to put something in map_canvas</button>
<button onClick="doit()">Click me to make the height 100%</button>
<div id="home" data-role="page">
<div data-role="header">
*my header*
</div>
<div id="cont" data-role="content">
<div id="map_canvas"></div>
</div>
</div>
</body>
<script>
$('#home').live('pagecreate',function(){
$('#map_canvas').css('height','auto');
});
function doit(){
$('#map_canvas').css('height','100%');
}
function doit1(){
$('#map_canvas').html('a')
}
</script>
</html>
#地图画布{
背景色：#00F；
}
#续{
背景：#F00；
高度：200px；
}
单击我在地图画布中放置一些内容
单击我使高度达到100%
*我的头球*
$（'#home'）.live（'pagecreate'，function（））{
$（'map_canvas'）.css（'height'，'auto'）；
});
函数doit（）{
$（'map_canvas'）.css（'height'，'100%）；
}
函数doit1（）{
$（'#map_canvas'）.html（'a'））
}