У меня проблема со стилями внутри медиа-запросов для контента внутри iFrame. У меня есть встроенный iFrame на нашем сайте. У нас есть стили для содержимого внутри iFrame. Моя ширина iFrame составляет 480 пикселей. У меня есть медиазапрос @media screen и (max-width: 480px) внутри него я добавляю стили к содержимому внутри iFrame.

Проблема заключается в том, что при открытии страницы в настольном браузере шириной 1900 пикселей (размер iFrame равен 480 пикселей), применяются стили внутри медиа-запроса максимальной ширины: 480 пикселей. Но когда я открываю ту же самую страницу в iPad, она не учитывает ширину iFrame для медиазапроса, берет ширину экрана и применяет стили медиазапроса шириной 768 пикселей.

Насколько я знаю, он должен принимать стили медиа-запросов ширины iFrame и ширины iFrame, поскольку iFrame содержит всю HTML-страницу. Пожалуйста, дайте мне знать, как исправить проблему с iPad.