2-colonne CSS responsive mise en page avec une image réactive

J'ai regardé à travers comme beaucoup de posts sur ce sujet que je peux trouver, mais aucun d'eux de résoudre cette énigme. Est-il possible d'avoir une colonne à gauche avec le texte et une colonne de droite avec une image qui va circuler dans une seule colonne lorsque redimensionnée, avec un redimensionnement automatique de l'image?

À l'aide d'un max-width de 100% sur img, l'image sensible et redimensionnement automatique. Cependant, le redimensionnement automatique ne fonctionne pas dans un tableau ou d'un pourcentage ou d'un flotteur appliquée à la div autour d'elle. Donc, CSS 2, colonne mise en page qui contient soit un float ou un pourcentage à l'image de la défaite de l'redimensionnement d'image.

Autres que l'utilisation d'une grille, quelqu'un aurait-il une solution pour cela?

Créer un JSfidle, je vais vous montrer comment.

OriginalL'auteur Charles | 2014-01-21

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *