iOS應用程序背景完整大小無法覆蓋完整

Question

我正在通過帶HTML和CSS的phonegap開發IOS應用

但是背景有問題。您可以在附件屏幕快照中看到底部和橫幅出現黑色區域，並且圖像足夠大（1238 * 2208）

這是我下面的完整html和css代碼。您可以在這里看到我的完整html頁面http://trakya.hybridsoftware.net/Mobile1/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/font-awesome.min.css" />
  <link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
    <link rel="stylesheet" href="css/style.css" />
      <style>
     html{
        background: url('images/acilis-logo.png') 0 0 no-repeat fixed;
         background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;

    }
     </style>
</head>
<body>
    <div class="container" style="position:absolute;align:center; vertical-align:middle;top:90%" > 

  <div class="col-md-12 col-sm-12 col-xs-12" style="bottom:%24px;margin:">


      <div class="column1"><img onclick="SetTurkish()" title="Türkçe" src="images/turk-logo.png"></div>
      <div class="column1"><img onclick="SetEnglish()" title="English"  src="images/amerika-logo.png"></div>
      <div class="column1"><img onclick="SetGreece()"  title="ελληνικά"  src="images/yunan-logo.png"></div>

      <div class="column1"><img onclick="SetBulgarian()" title="български" src="images/bulgar-logo.png"></div>
    </div>

       </div>


</body>
</html>

該代碼有什么問題？

Answer 1

這與iOS 11中引入的視口更改有關。 您需要做兩件事來解決這個問題：

更新您的視口元標記：

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

以上是一個示例，您可能必須刪除幾個屬性。 如果您不希望您的應用程序擴展到整個屏幕，也可以選擇使用viewport-fit=contain 。

添加初始屏幕，以適應最新iOS設備的更大屏幕尺寸。 最簡單的方法是切換到新的啟動情節提要圖像， cordova-plugin-splashscreen 文檔中提供了有關如何執行此操作的更多信息。

如果項目中包含了cordova-plugin-statusbar ，則可能還需要將其更新為最新版本。 在PhoneGap博客上也有關於此的更多信息。

iOS應用程序背景完整大小無法覆蓋完整

問題描述

1 個解決方案

解決方案1
0 2019-08-15 18:21:36

iOS應用程序背景完整大小無法覆蓋完整

問題描述

1 個解決方案

解決方案1 0 2019-08-15 18:21:36

解決方案1
0 2019-08-15 18:21:36