Modifier le zoom sur une image d'arrière-plan après la taille de l'arrière-plan: couverture

Question

J'ai une image d'arrière-plan en tant qu'en-tête. Lorsque la taille de l'écran est de 800 pixels ou moins, les lettres de l'image d'arrière-plan ne correspondent plus. Je dois faire un peu de zoom arrière pour que les lettres tiennent sur l'écran. Y a-t-il un moyen de contrôler le zoom d'une image de fond?

(Source:.. http://steampunk-jewelry.nl/ « Bijoux Steampunk » ne correspond pas à l'écran quand il est de 800 pixels ou moins

Answer 1

Vous pouvez appliquer transform: scaleY pour le bloc avec le fond puis transform: scaleY avec valeur opposée pour son contenu

.

Dans le cas actuel, vous pouvez définir transform: scaleY(0.9) pour .single-slide et transform: scaleY(1.1111) (1.1111 ≈ 1/0.9) pour son enfant direct.