Discussion :

[maxtrident]

bonjour
je voudrais savoir si il y a une methode pour ne pas trop déformer une photo avec un width 100% et une hauteur de 20 em ?

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
margin-top:-.4em;
min-width: 100%;
max-height: 20em;
object-fit: fill ;

en cover ça m'enlève trop de hauteur.

[labarre2002]

Salut

personnellement j 'ai toujours utilisé

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div>
<img src=""  alt="">
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
div{
width: ; //taillle du conteneur
height: ;  //hauteur du conteneur
}
 
div img{
width:100%;
  height:100%;
 object-fit:cover;
}

je trouve mon compte ,mais je curieux de découvrir d' autres méthodes

[maxtrident]

salut,
j'ai testé ta méthode mais pareille il me manque de la hauteur.
en format smartphone c'est bon.
Est ce qu'on peut repositionner la photo dans le conteneur ? voir moins en haut et plus en bas de la photo.

[zool.bzh]

tu fas possiblement un produit en croix

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$mult = $newidth/$whidth;
$hnewheight = $mult*$height;