Hallo,

folgendes möchte ich bewerkstelligen:

Ich möchte eine responsive Seite in einem externen iframe einbinden. Ich habe KEIN Zugriff auf das iframe, sondern wirklich nur auf meine Seite die in diesem liegt. Das iframe hat eine feste Größe und ist nicht änderbar oder im vorstehenden code zu manipulieren.

Jetzt möchte ich gerne, dass sich einige Elemente auf meiner Seite im liegenden iframe je nach Größe des Browserfensters verändern.

Gibt es überhaupt ein media querie Befehl welches das tatsächliche Browserfenster beachtet und nicht zwangsläufig die iframe Größe (die ich nicht verändern kann)?

bisher getestet:

@media (min-width:450px) and (max-width:900px) { #main_wrapper { background-color: #FF0000 !important;} }

oder

@media only screen and (max-width : 900px) { #main_wrapper { background-color: #FF0000 !important;} }

Vielen Dank im Voraus.

Grüße Tim