css image disproportionnée mise à l'échelle

Question

Je m'excuse pour la question noob à l'avance.

Ce que je voudrais faire est une mise à l'échelle disproportionnée d'une image. Donc, si j'ai une image de 800x600px, je veux qu'elle soit affichée comme 100x100px. Avant que cela fonctionne pour définir simplement la largeur et la hauteur sur la balise img, l'une des propriétés est maintenant ignorée et mon entrée de blog semble bancale.

Aide?

Answer 1

Essayez le réglage background-size ensemble à cover, cela devrait perserve l'échelle, couvrir toute la zone et les zones de cultures qui débordent:

background-image: url('image.png'); 
background-repeat: no-repeat; 
background-size: cover; 
width: 100px; 
height: 100px;