У меня есть 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>
Это выглядит так:
И я добавил следующую строку в раздел заголовка:
<meta name="viewport" content="width=device-width,viewport-fit=cover">
Размер изображения вообще не изменился, он просто сдвинулся влево.
Как я могу увеличить изображение так, чтобы оно занимало весь экран?
UPDATE:
Я нашел это , и это сработало. Тем не менее, я хотел бы знать: будет ли чисто интернет-решение для этого? Если нет, какая польза от viewport-fit = cover?