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.
Notifications
Tout effacer
Utilitaires
1
Premiers messages
1
Utilisateurs
0
Reactions
539
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.
Apple iPhone 13, 128Go, Minuit - (Reconditionné)
425,00 € (as of 19 novembre 2024 10:16 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.)