Minimistorlek på logga i responsiv design

[SwedEdit]

Hur gör jag för att en logga inte skall bli för liten i en responsiv mall?

När jag har webbläsaren i full skärmstorlek fyller loggan nästan hela mallsidan (storlek på logga ca 960px)
Förminskar jag sedan mallsidan så krymper loggan till en pyttebild i vänster hörn.

Använder img class="size-auto" för att bilden skall ändra storlek.

Finns det ngt bra sätt att lösa detta på?

[Zello]

Använd inte automatisk skalning på loggan utan ladda olika loggor vid olika "skärmstorlekar".

[SwedEdit]

Okey?

Låter krångligt, hur löser man det enklast?
Tar gärna emot tips!

[Zello]

Lägg loggan som bakgrundsbild i en DIV med CSS'en
Sedan låter du ett antal mediaquery's byta laddad bild beroende på skärmstorleken

Code: Select all

@media (min-width: 768px) and (max-width: 979px) {
   .logga {
      background-image: xxxx
   }
}

Vad du använder för min/max värden minns massor om på nätet. Många olika idéer och tankar så klart

[SwedEdit]

Tack Zello, men tyvärr blev jag inte ett dugg klokare för det.

Som det är nu har jag lagt in loggan i en modul för "Egen html" och placerat i "Logo"-platsen på mitt template. Helt enligt instruktionen för mitt template.

Som så ofta förut kan jag konstatera att det som borde vara enkelt att fixa inte är det i Joomla.