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&#39;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>&lt;iframe id=&quot;frame1&quot;&gt;&lt;/iframe&gt;</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>&lt;iframe class=&quot;mobile-hidden&quot;&gt;&lt;/iframe&gt; &lt;iframe class=&quot;mobile-hidden&quot;&gt;&lt;/iframe&gt; &lt;iframe class=&quot;mobile-hidden&quot;&gt;&lt;/iframe&gt;</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>

Googlemaps bietet dir einige Optionen diesbezüglich... du kannst selber entscheiden, wie die Karten aussehen (mit gewissen Einschränkungen).

Du kannst via JavaScript die komplette Farbpalette von Googlemaps ändern und teilweise bestimmen, was angezeigt wird. Vieleich reicht das ja schon um deine Vorstellungen zu verwirklichen

Mit CSS-Media Queries kannst du Styles für mobile Geräte festlegen. Das könnte dann so aussehen:

@media screen and (max-width: 600px) {

    iframe{display:none}

}

So könntest du entscheiden ab welcher Bildschirmbreite der iframe verschwinden soll.

Da manche Mobilen Geräte, Internetseiten immer in ihrer vollen breite anzeigen, solltest du in den html-Head noch das hier einfügen:

<meta name="viewport" content="width=device-width" />

Es könnte auch sein, das eine jscript-funktion mit dem button verknüpft ist. In diesem fall müsste im quellcode beim button sowas wie

• onclick

• onselect

• onsubmit

• ondbclick

• onmousedown

stehen.