Image skalieren mit einer Regel
Hallo Freunde,
ich möchte diverse Bilder die verschieden groß und Seitenverhältnisse haben mit 2 Regeln via CSS anzeigen lassen (OnlineShop).
width soll generell 500px haben. sollte aber ein image height > 800px haben, dann max-height 800px.
Aber die erste Regel würde dann das Seitenverhältnis verzerren.
Wie könnte man das lösen?
Gruß Henne
ich möchte diverse Bilder die verschieden groß und Seitenverhältnisse haben mit 2 Regeln via CSS anzeigen lassen (OnlineShop).
width soll generell 500px haben. sollte aber ein image height > 800px haben, dann max-height 800px.
Aber die erste Regel würde dann das Seitenverhältnis verzerren.
Wie könnte man das lösen?
Gruß Henne
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 174499
Url: https://administrator.de/contentid/174499
Ausgedruckt am: 05.11.2024 um 15:11 Uhr
5 Kommentare
Neuester Kommentar
Hallo
~Arano
- Mit CSS kannst du doch eh nicht prüfen ob das Bild nun im Hochformat oder Querformat vorliegt, das muss doch schon vorher geschehen (z.B. PHP)
- Wenn du sowohl bei Hoch- als auch bei Querformat vorgibst das die Breite immer 500px sein soll, dann werden die beiden Formate - im Vergleich zu einander - in unterschiedlichen Größen dargestellt. Meiner Meinung nach wäre es da besser die längeren Seite beider Formate eine Größe zuzuweisen
~Arano