J'ai une image qui, selon la résolution de l'écran, tombe en panne de la vue dans ma disposition de flux CSS car j'ai défini sa largeur et sa hauteur à des valeurs statiques.
Y a-t-il un moyen dans une disposition de débit CSS pour que l'image redimensionne automatiquement pendant que quelqu'un fabrique la fenêtre du navigateur. J'ai vu cela fait dans une mise en page HTML-TABLE et je suppose que les tables le permettent là-bas - y a-t-il un moyen de le faire aussi dans une mise en page de flux CSS?
3 Réponses :
Un peu d'une supposition depuis que mon CSS est des ordures, mais que personne ne répond, qu'en est-il de définir une largeur de% ou une hauteur ou une hauteur, de sorte que c'est un pour cent de son parent. Dunno?
Un test rapide montre que ceci: combiné avec: redimensionne la façon dont vous voulez probablement. L'image redimensionnée conscectuement à 50% de la largeur de la boîte contenant, ainsi que de redimensionner verticalement, de maintenir le rapport de format. comme pour le redimensionnement basé sur des changements verticaux, cela ne fonctionne pas comme vous le feriez comme, du moins pas systématiquement. J'ai essayé: dans Google Chrome actuel (2.0.172), il redimensionne quelque peu inconsciemment; Le dimensionnement est correct mais ne met pas à jour après chaque traînée de fenêtre. Dans Firefox actuel (3.5), la hauteur semble être complètement ignorée. Je n'ai aucun récent à distance, Safari, etc. à tester. N'hésitez pas à modifier dans ces résultats. Même si ceux-ci réussissent toujours probablement quelque chose que vous voulez éviter et coller de largeur. EDIT:
Pour que cela fonctionne, tous les éléments contenant img.test doivent être dimensionnés avec des pourcentages, non statistiques. pense de cette façon: Supposons maintenant que j'ajoute un div. comme ceci ... puis Si la div a "largeur: 100%" cependant, la logique fonctionne de la même manière qu'auparavant. Tant que son pourcentage, et non corrigé, vous pouvez jouer avec le pourcentage sur l'IMG et le faire fonctionner de la taille souhaitée.
Cela semble exiger que la diviseur divise soit définie sur une largeur et une valeur de hauteur particulières?
Voir mon édition. Mettre un div avec une largeur de jeu et une hauteur va briser ce que vous essayez de faire.
Merci de clarifier. A du sens maintenant. Je vous suis apprécié de suivre le suivi.
Essayez de régler max-largeur sur quelque chose comme 95%. Grâce à la façon dont l'image sera rétrécie lorsque la largeur du conteneur est inférieure à la largeur de l'image. Tous les conteneurs parent auraient besoin d'adjuce