Mam problem ze stylami wewnątrz zapytań o media dla treści wewnątrz iFrame. Mam wbudowaną ramkę iFrame w naszej witrynie. Mamy style dla zawartości wewnątrz iFrame. Moja szerokość iFrame wynosi 480px. Mam w środku zapytanie o media @media screen (max-width: 480px) w środku. Dodaję style do treści wewnątrz iFrame.

Problem polega na tym, że podczas otwierania strony w przeglądarce na pulpicie o szerokości 1900 pikseli (rozmiar iFrame jest taki sam jak 480 pikseli), stosowane są style w zapytaniu medialnym o maksymalnej szerokości: 480 pikseli. Ale kiedy otwieram tę samą stronę na iPadzie, nie bierze pod uwagę szerokości iFrame dla zapytania o media i bierze szerokość ekranu i stosuje style zapytań o media o szerokości 768px.

Zgodnie z moją wiedzą musi zostać wyświetlona style zapytań o media o szerokości iFrame i iFrame, ponieważ iFrame zawiera całą stronę html. Daj mi znać, jak naprawić problem z iPadem.