Встраивание iframe в мобильное приложение, проблемы с масштабированием порта просмотра - PullRequest
Новая
       13

Встраивание iframe в мобильное приложение, проблемы с масштабированием порта просмотра

0 голосов
/ 27 сентября 2018

У меня есть мобильное веб-приложение со следующим портом просмотра. 

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />

На одной из страниц нашего мобильного веб-приложения мы встраиваем другой веб-сайт с помощью iframe.Это веб-приложение не отвечает и не имеет мета-тега viewport в голове.

Мы хотели, чтобы представление встроенного сайта было без начального масштаба, но, к сожалению, оно имеет начальный масштаб (можетбыть 1.0), который прикреплен к нему.Похоже, это наследуется от родительского фрейма.Браузер не позволяет мне уменьшать содержание iframe.И родительская, и встроенная веб-страницы также находятся в одном домене.

Ниже приведен сгенерированный код из браузера. 

<!DOCTYPE html>
<head>
  <base href="/">
  <meta charset="utf-8">
  <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="mobile-web-app-capable" content="yes">
  <title>title</title>
</head>
<body>
<!-- some content -->
<div>
  <div class="iframe-wrapper">
    <iframe frameborder="0" src="url ot the site>
#document
  <!DOCTYPE html>
   <head>
   <meta name="viewport" content="width=device-width, initial-scale=0">
   ..
   </head>
  <body>
   ...
   </body>
  </html>
</iframe>
</div>
</div>
</body>
</html>

Возможно ли иметь другой видовой экран для iframeвместо того, чтобы повторно использовать тот от родителя?

...