Eu tenho um problema com os estilos dentro de consultas de mídia para o conteúdo dentro do iFrame. Eu tenho um iFrame incorporado em nosso site. Temos estilos para o conteúdo dentro do iFrame. Minha largura do iFrame é de 480 px. Eu tenho uma mídia @media tela de consulta e (max-width: 480px) dentro deste estou adicionando estilos para o conteúdo dentro do iFrame.

O problema é que, ao abrir a página no navegador de desktop com largura de 1900px, (o tamanho do iFrame é o mesmo de 480px), os estilos dentro da consulta de mídia de max-width: 480px estão sendo aplicados. Mas quando eu abro a mesma página no iPad ele não está considerando a largura do iFrame para uma consulta de mídia e tirando a largura da tela e aplicando estilos de consulta de mídia com largura de 768px.

De acordo com o meu conhecimento, é necessário que a largura do iFrame e os estilos de consulta de mídia de largura do iFrame sejam renderizados, uma vez que o iFrame contém toda a página html. Por favor, deixe-me saber como corrigir o problema do iPad.