Listen- oder Galerie-Ansicht abhängig vom Viewport machen...

JayJayS

Gut bekanntes Mitglied
11. Juli 2012
671
1
Ich würde gern, das die Artikelübersicht standardmäßig auf Notebooks und Desktop-PC als Liste ausgegeben wird und bei mobilen Endgeräten mit bis zu 480px Viewport-Breite als Galerie ausgegeben wird. Am liebsten über die css und ohne zusätzliche Scripte. Ist das möglich und wenn ja, wo muß ich da ansetzen ?
 

martinwolf

Offizieller Service Partner
SPBanner
6. September 2012
3.716
355
AW: Listen- oder Galerie-Ansicht abhängig vom Viewport machen...

Wenn nur per CSS, dann müsstest du die Klassen für gallery und list auflösen und beides getrennt in eine media-query packen:

Code:
@media ( min-width : 481px) {
  hier alles rein für die liste
}
@media ( max-width : 480px) {
  hier alles rein für galerie
}
 

Ähnliche Themen