mit css kann man auf einfache html-Elemente zugreifen (wie in meinem Beispiel das Tag). Man kann aber auch auf einzelne Elemente zugreifen.</p> <p>Dazu gibt es zwei möglichkeiten:</p> <ol class="arabic"> <li>Durch Klassen kann man Beliebige html-Elemente gruppieren und dann mit CSS auf die ganze Gruppe zugreifen. (Das macht bei mehreren Elementen sinn)</li> <li>Was in deinem Fall vermutlich sinnvoller ist, sind ID's. Du kannst dem iframe, den du in CSS ansprechen willst, mit einer ID versehen und dann in CSS mit dieser ID arbeiten.</li> </ol> <p>Das funktioniert folgendermaßen:</p> <p>Im html-Code gibst du dem iframe, das du ausblenden möchtest eine id:</p> <pre><code><iframe id="frame1"></iframe></code></pre> <p>in CSS kannst du diese ID dann mit einem Hashtag ansprechen:</p> <pre><code>@media screen and (max-width: 600px) { #frame1{display:none !important} }</code></pre> <p>Wenn du mehrere Elemente auf Mobilgeräten ausblenden möchtest, solltest du Klassen verwenden:</p> <p>Die Vorgehensweise ist ähnlich. Im html-Code gibst du allen Elementen, die du ausblenden möchtest einen Klassennamen:</p> <pre><code><iframe class="mobile-hidden"></iframe> <iframe class="mobile-hidden"></iframe> <iframe class="mobile-hidden"></iframe></code></pre> <p>In CSS wird diesmal ein punkt vor den Klassennamen gesetzt:</p> <pre><code>@media screen and (max-width: 600px) { .mobile-hidden{display:none !important} }</code></pre>
