Je souhaite redimensionner une grande image à la largeur de l'écran de l'utilisateur. Je ne veux pas définir la largeur: 100% car elle déforme l'image. Puis-je utiliser des transformations CSS pour cela?Comment puis-je redimensionner une image à 100% de la largeur de la page dans Safari?
Merci
Mike
Avez-vous essayé max-width: 100%?
La réponse est, en théorie, oui. Cependant, les transformations CSS sont toujours un W3C working draft à ce moment, et pas largement pris en charge. Les développeurs Webkit ont commencé à ajouter diverses options -webkit-transform dans leurs versions nocturnes de Safari, et en prenant leur repère, Firefox 3.5 vient d'ajouter quelques propriétés -moz-transform. Juste pour le plaisir, je viens de tester -moz-transform: scale(0.5) sur le logo Stack Overflow, et cela a fonctionné dans FF3.5, mais l'algorithme de mise à l'échelle utilisé est le même que si vous aviez forcé le contenu à une largeur et hauteur spécifique en utilisant des propriétés HTML ou CSS . La meilleure mise à l'échelle est généralement obtenue à l'aide d'un algorithme d'interpolation cubique, comme ceux des programmes graphiques et des bibliothèques. C'est pourquoi les gens enregistrent généralement différentes tailles d'images plutôt que de les mettre à l'échelle HTML/CSS. Si vous avez un langage côté serveur tel que PHP, une option serait de récupérer l'image maître avec une requête HTTP contenant les paramètres de taille que vous vouliez, et d'utiliser une bibliothèque GD (ou similaire) pour mettre à l'échelle l'image à la volée et rends le.
C'est une solution javascript Mootools j'ai écrit pour obtenir des images à regarder douce. Je ne sais pas si c'est ce que vous voulez.