Как сделать так, чтобы стили мобилки не применялись на маленький iframe?

Question

[GreenMan1899]

Есть iframe шириной 300px на десктопе
и на него применяются адаптивные стили, которые должны быть только на мобилках.
Сам медиазапрос вот @media only screen and (max-width: 767px)

Answer 1

[2cha.headz]

вариант 1) для обычных моников подойдет, в медиазапрос добавить min-device-pixel-ratio: 1.5 например (с 1.5 можно поиграться)

вариант 2) вынести медиазапросы в отдельный файл, далее при подключении фрейма в ссылку добавить get параметр, и уже на стороне сайта, где срабатывают адаптивные стили смотреть, если есть гет параметр, то не подключать адаптивные стили, если нет, то подключать