Eigene Webseite - Bild NUR auf Destop-Geräten anzeigen lassen

TBStyler · 15. Oktober 2016

Wie kann ich einstellen, das ein Bild nur auf Destop Geräten angezeigt wird?

Beispiel:

<img src="Bild-SRC" title="Bild Title" alt="Bild Alt-Tag" width="800" height="600" />

Dieses Bild soll nur für PC-User angezeigt werden. Wenn jedoch ein Benutzer mit Tablet oder Smartphone meine Seite besucht - soll das Bild ausgeblendet werden.

Freue mich über jede Antwort

sparvar · 15. Oktober 2016

stichwort css media queries.

TBStyler · 15. Oktober 2016

ich kenne mich diesbezüglich leider nicht so gut mit CSS aus. Wie müsste dieser Code:

<img src="Bild-SRC" title="Bild Title" alt="Bild Alt-Tag" width="800" height="600" />

aussehen um ihn nur auf Destop-Geräten anzeigen zu können?

blablub1212 · 15. Oktober 2016

Code:

@media (max-width: 640px)
{
img {display: none;}
}

Damit werden Bilder nur auf Geräten angezeigt, deren Bildschirmauflösung breiter als 640px ist.

Mit der Auflösung musst du halt rumspielen, oder gleich auf ein CSS-Framework ala Bootstrap wechseln, dass dir so Zeug abnimmt.

sparvar · 15. Oktober 2016

http://wiki.selfhtml.org/wiki/CSS/Media_Queries

googlen ist doch wohl nicht so schwer

Du kannst dafür halt in css für verschiedene Endgeräte/Auflösungen unterschiedliche Stylevorgaben machen.

Falls du noch keine Berührung mit CSS hast, mache es, es ist sinnvoll. hällt den html code sauber von styling und ermöglicht das einfach austauschen des kompletten stylings mit einer* Datei.

TBStyler · 15. Oktober 2016

danke, funktioniert!

Suche

Eigene Webseite - Bild NUR auf Destop-Geräten anzeigen lassen

TBStyler

Newbie

sparvar

Lt. Commander

TBStyler

Newbie

blablub1212

Rear Admiral

sparvar

Lt. Commander

TBStyler

Newbie

Ähnliche Themen