iphone X - полноэкранный img в WKWebView - PullRequest
0 голосов
/ 16 января 2019

У меня есть WKWebView, который заполняет весь экран iphone X.
И я хочу заполнить всю страницу img.

<html>
  <head>
    <style>
      * { margin: 0; padding: 0; }
      body { background-color: blue; }
      img { width: 100%; height: 100%; }
    </style>
  </head>
  <body>
    <img src="sky.jpg">
  </body>
</html>

Это выглядит так: enter image description here

И я добавил следующую строку в раздел заголовка:

<meta name="viewport" content="width=device-width,viewport-fit=cover">

enter image description here

Размер изображения вообще не изменился, он просто сдвинулся влево.
Как я могу увеличить изображение так, чтобы оно занимало весь экран?

UPDATE:

Я нашел это , и это сработало. Тем не менее, я хотел бы знать: будет ли чисто интернет-решение для этого? Если нет, какая польза от viewport-fit = cover?

...