Bildskalierung bis zu einer gewissen Breite!?

[haberkorn]

Hallo!

Ich habe ein kleines Problem bei der Umsetzung einer Webseite.
Als Vorab-Info: Die Seite setze ich mit Contao um, also habe ich keinen HTML-Code, was aber nicht viel zur Sache tut.

Zum Problem:
Ich habe auf jeder Seite ein Background-Image, dass sich beim verkleinern des Browserfensters proportinal verkleinert.
Meine Frage ist nun wie ich mithilfe von CSS für dieses Bild eine Breite (z.B. bei 800px) definieren kann, bei welcher es aufhören soll zu skalieren.

Weiß da jemand wie ich da vorgehen kann?

Vielen Dank im vorraus!

 

[Tronjer]

Entweder eine min-width auf das Element, welchem dein background-image zugeordnet ist, oder du verwendest Media Queries.

 

[haberkorn]

min-witdh bringt leider nichts.
Wie funktioniert das genau mit Media Queries bzw. kann ich mal ein Beispiel haben wie ich das einbinde?
Das verstehe ich leider nicht so richtig.

 

[Tronjer]

Mal angenommen, dein Hintergrundbild wäre so definiert:

body {
  width: 100%;
  background: image.jpg
}

dann könntest du im CSS eine weitere Anweisung hinzufügen, welche zur Anwendung kommt wird, falls das Browserfenster 800px oder kleiner ist:

@media screen and (max-width: 801px) {
  .body {
    width: 800px;
    }
  }