Избегайте масштабирования вложенных фреймов с помощью родительского окна просмотра мета - PullRequest
Новая
       24

Избегайте масштабирования вложенных фреймов с помощью родительского окна просмотра мета

2 голосов
/ 18 апреля 2019

Есть ли решение, позволяющее не масштабировать вложенные элементы iframe из-за настроек окна просмотра мета в родительском HTML.

У меня есть загрузка iframe на внешний мобильный сайт, который я не могу редактировать, чтоСайт имеет следующие настройки метапортпорта: 

<meta name="viewport" content="width=640, user-scalable=no">

Когда сайт загружается на устройство шириной 320, он масштабирует сайт на 0,5, но также масштабирует вложенные фреймы на этом сайте.Есть ли способ отключить / остановить это?

У меня есть что-то вроде этого, и вложенный h1 в iframe масштабируется на 0,5 

<html>
  <head>
    <title>Parent</title>
    <meta name="viewport" content="width=640, user-scalable=no">
  </head>
  <body>
    <h1>Whole page is scaled by 0.5</h1>
    <iframe>
      <!-- HTML LOADED BY IFRAME -->
      <html>
      <head>
        <title>Nested iFrame</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
      </head>
      <body>
        <h1>Iframe should not be scaled by parents meta viewport?</h1>
      </body>
      </html>
    </iframe>
  </body>
</html>

Решение также должно работать для сайтов, которыене устанавливайте фиксированную ширину для мета области просмотра.

1 Ответ

0 голосов
/ 18 апреля 2019

Есть ли решение, позволяющее не масштабировать вложенные фреймы из-за настроек метапортпорта в родительском HTML.

Нет. Настройки области просмотра в документе верхнего уровня применяются ко всему окну просмотра.

В этом окне просмотра отображаются документы в рамке, и к ним применяются его настройки.

Элемент метапортпорта в оформленном документе игнорируется.

...