浏览器中的块显示与cordova不同

时间:2016-02-13 13:19:41

标签: javascript html css cordova

我使用HTML,JS和CSS网页设计。在网络上,我想要的绝对是link

但是当我使用Cordova时(现在我正在使用IntelXDK)它总是显示在顶部(不在页面底部)

how it shows on the device

而且,我不知道为什么会这样。现在代码是

<!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)

谢谢你, 伊尔达·

0 个答案:

没有答案