iFrame and media query issue

Question

I have an issue with the styles inside media queries for the content inside iFrame. I have an iFrame embedded in our site. We have styles for the contents inside iFrame. My

Answer 1

The iframe width is also dependent on the viewport, so try setting something like this:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0;" />

Furthermore, if you want to target a particular device like an ipad, and you have content in an iframe you might consider using min-device-width to determine if your iframe is within a particular device.