Tech-Connect Tech-Connect est un site web proposant des actualités, des tutoriels, des astuces et un forum dans le domaine technologique, informatique, science, télécommunications, mobile, tablette, windows, mac os, linux, opensource, android et IOS.
Utilitaires
1
Premiers messages
1
Utilisateurs
0
Reactions
759
Nombre de vues
Mai 29, 2020 3:17 pm
Une excellente recette CSS pour utiliser l'object-fit pour adapter une image dans un conteneur d'une certaine dimension tout en conservant son rapport d'aspect.
Pour faire simple, on veut juste recadrer une image en respectant le ratio des dimensions de l'image et sans distorsion de l'image.
Si on veut par exemple réduire cette image de dimensions 1200px de longueur et 674px de largeur en 600x337 px. Normalement on aura cette image compressé et avec des distorsions.
Mais avec object-fit on peut respecter les dimensions en respectant les ratio de l'image.
Bitdefender Total Security, mise à jour possible vers la dernière version| 3 appareils | 1 An | PC/MAC/smartphone
26,99 € (as of 24 octobre 2025 11:18 GMT +00:00 - Plus d’infosProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)