Styling iFrames

[tdrsam]

I have a Google Maps plugin which gives me an iframe to add to my html, but I want to style it differently for different media queries.

Basically, I want to make the map smaller for smartphones to avoid sideways scroll.

But, when I add a class to the iframe, the browser ignores the CSS rules. It ignores them when I style the iframe itself too. I tried using this:

iframe{
/* styles in here*/
}
 

Anyone know a workaround?