✔ Bilder ab einer bestimmten Bildschirmauflösung ausblenden

[ray2mi]

Hallo Leute,

ich frage mich gerade, ob man Bilder, p-elemente, h-elemente, div-elemente ab einer bestimmten Bildschirmauflösung ausblenden lassen kann.

Ich baue gerade eine Webseite und für eine full hd Auflösung möchte ich mehr Bilder anzeigen lassen als bspw. für 1280x720.

Hat jemand von euch eine Idee?

 

[ComFreek]

Du könntest Media-Queries verwenden:

@media screen and (min-width: 1280px) and (min-height: 720px) {
  /* show more pictures */
}

Hier ist die offizielle Spezifikation: http://www.w3.org/TR/css3-mediaqueries

Allerdings würde ich dir lieber zu einem Layout raten, welches sich automatisch anpasst.

 

[ray2mi]

Hi, erst einmal danke. Da es sich eigentlich nur um zwei Designelemente handelt, denke ich, das geht auch so.

Weißt du, ob man auch abfragen kann, wenn width < 1920px, dann Bilder ausblenden?
Im Moment ist so, dass ich sage, bei der Bildschirmauflösung von 1920px, zeige die Bilder...

 

[ComFreek]

Klar, einfach min durch max ersetzen und jeweils 1 abziehen:

@media screen and (max-width: 1279px) and (max-height: 719px) {
  /* show less pictures */
}

Du kannst es natürlich auch so gestalten, dass du immer die Werte x, y, z setzt und erst bei einer bestimmten Bildschirmauflösung diese durch x', y', z' ersetzt.