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:
Anyone know a workaround?
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:
Code:
iframe{
/* styles in here*/
}