Tengo un problema con los estilos dentro de las consultas de medios para el contenido dentro de iFrame. Tengo un iFrame incrustado en nuestro sitio. Tenemos estilos para los contenidos dentro de iFrame. El ancho de mi iFrame es de 480px. Tengo una pantalla de consulta de medios @media y (ancho máximo: 480 px) dentro de esta Estoy agregando estilos al contenido dentro de iFrame.

El problema es que, al abrir la página en el navegador de escritorio con un ancho de 1900 píxeles (el tamaño del iFrame es el mismo 480 píxeles), se aplican los estilos en la consulta de medios de ancho máximo: 480 píxeles. Pero cuando abro la misma página en el iPad, no se considera el ancho del iFrame para una consulta de medios y si tomo el ancho de la pantalla y se aplican estilos de consulta de medios de 768 píxeles de ancho.

Según mi conocimiento, tiene que tomar el ancho de iFrame y los estilos de consulta de medios de iFrame se deben representar, ya que iFrame contiene la página html completa. Por favor, hágame saber cómo solucionar el problema de iPad.