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

[TBStyler]

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]

stichwort css media queries.

 

[TBStyler]

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]

@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]

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]

danke, funktioniert!