Zoom Zoom auf ein Hintergrundbild nach Hintergrund-Größe: cover

Question

Ich habe ein Hintergrundbild als Kopfzeile. Wenn die Bildschirmgröße 800 Pixel oder weniger beträgt, passen die Buchstaben des Hintergrundbildes nicht mehr. Ich muss etwas herauszoomen, damit die Buchstaben auf den Bildschirm passen. Gibt es eine Möglichkeit, den Zoom eines Hintergrundbildes zu steuern?

(Quelle:... http://steampunk-jewelry.nl/ „Steampunk-Schmuck“ paßt nicht auf dem Bildschirm, wenn es 800 Pixel ist oder weniger

Answer 1

Sie können transform: scaleY für Block mit Hintergrund anwenden und dann transform: scaleY mit entgegengesetztem Wert für den Inhalt

Im aktuellen Fall, dass Sie transform: scaleY(0.9) für .single-slide und transform: scaleY(1.1111) (1.1111 ≈ 1/0.9) für sein direktes Kind einstellen.