Может ли кто-нибудь объяснить, что width = device-width <% if (htmlWebpackPlugin.options.ctx.mode.cordova || htmlWebpackPlugin.options.ctx.mode.capacitor) {%>, viewport-fit = cover < %}%> означает в метатеге ниже.
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (htmlWebpackPlugin.options.ctx.mode.cordova || htmlWebpackPlugin.options.ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
Я всегда использовал:
<meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
Первый метатег вызывает проблему в моем приложении ios в область выреза и нижнего колонтитула, как показано ниже. Я получаю это прозрачное пустое пространство. введите описание изображения здесь
Если я использую второй метатег. Пустое пространство исчезло, но заголовок переместился на отметку.
Пожалуйста, предложите, что мне делать, чтобы исправить это. ПРИМЕЧАНИЕ: приложение работает нормально в android.
Спасибо