我使用HTML,JS和CSS网页设计。在网络上,我想要的绝对是
但是当我使用Cordova时(现在我正在使用IntelXDK)它总是显示在顶部(不在页面底部)
而且,我不知道为什么会这样。现在代码是
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>game</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<script src="js/levels.js"></script>
<script src="js/control.js"></script>
</head>
<body>
<table id="tbl">
<tr>
<td id="cont_block">
<div class="one_block_text" style="opacity: 1;">Лабиринт</div>
</td>
</tr>
</table>
</body>
</html>
这是css
body {
margin : 0;
text-align : center;
font-size : 20px;
background-color : rgb(0,0,0);
color : rgb(255,255,255);
}
#tbl {
/*display : table;*/
width : 100%;
border-spacing: 0;
}
#cont_block {
/*display : table-cell;*/
width : 100%;
height : 100%;
vertical-align : bottom;
margin : 10px;
text-align : center;
}
.one_block_text {
padding : 10px;
text-align : center;
border-top : 1px solid rgb(50,50,50);
opacity : 0;
transition : all 1s ease 0s;
}
.cont_option {
padding : 10px;
text-align : center;
border-top : 1px solid rgb(50,50,50);
opacity : 0;
transition : all 1s ease 0s;
}
.one_option {
display : inline-block;
padding : 5px 10px;
border : 1px solid rgb(50,50,50);
border-radius : 5px;
background-color : rgb(255,255,255);
color : rgb(0,0,0);
cursor : pointer;
margin : 0 5px;
}
.one_option:hover {
background-color : rgb(200,200,200);
}
.sel_option {
background-color : rgb(200,200,200);
}
我该怎么做才能使我们的文字在网络和移动设备上看起来相似(cordova)
谢谢你, 伊尔达·