Question

您好我在Android上的中心定位图片时遇到了一些问题。我正在使用网络技术javascript，html / css和Cordova作为应用。

我有一个初始启动画面，它会显示一个加载框和应用程序的标题。

我将标题置于绝对位置并将左侧和顶部设置为50％。由于某种原因，当应用程序呈现时，应用程序标题显示在较低权限上，并且在一瞬间它使用我给它的样式并移动它这是我的代码：

    <div class="splashpage" style="height: 100%;">
        <div class="wrap">
            <h1>AppTitle</h1>
            <a id="refresh-link" class="hiddenSection">Er is geen internetverbinding. Activeer de internetverbinding om verder te gaan.</a>
            <div id="refresh-loading" class="hiddenSection" style="font-size: 14px; padding: 20px;">
                <div class="loadingRota"></div>
            </div>
        </div>
    </div>



   .splashpage .wrap {
      background: #009ae0;
      height: 100%;
      vertical-align: middle;
      text-align: center;
    }
    .splashpage .wrap h1 {
      color: #ffffff;
      font-size: 60px;
      height: 60px;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 350px;
      margin: -30px 0 0 -150px;
    }

我尝试在Android的浏览器中加载它并且它的工作正常。但是如果我将它作为Cordova应用程序运行它会出现我提到的问题。这也适用于iOS设备。

我注意到另一件事，如果我尝试使用像素进行定位，它会在我请求的位置显示AppTitle，而不会出现我提到的问题。

之前有没有人遇到过这个问题？

绝对位置将图像显示在一个位置，然后将其移动到另一个位置

0 个答案: