2015-07-27 2 views
0

Probablement une solution simple ici, mais j'ai 3x images en ligne Je veux étirer dans la fenêtre du navigateur, quelle que soit la résolution.Étirer les images contenues dans 1 div à travers l'écran

Je me suis amusé avec des pourcentages en CSS mais je ne peux sembler contrôler qu'un seul objet. Je suppose qu'il est possible de créer une div individuelle pour chaque image, puis d'attribuer à chaque div un pourcentage de l'écran, de sorte que 1/3 de la largeur de l'écran est réservé à chaque image - cela va ensuite s'étirer/redimensionner selon sur résolution.

Quelqu'un peut-il m'aider à me diriger dans la bonne direction? Je ne sais pas si je réfléchis trop à ça.

À la votre!

+1

S'il vous plaît ajouter votre code HTML ou créer un violon –

+0

Sans code, il est impossible de répondre à votre question. Pouvez-vous créer un violon pour cela. –

+0

Droite. Nous pourrions dire 'width: 33.3%', mais comme vous avez déjà "déconné avec des pourcentages", vous avez déjà essayé cela. Alors qu'est-ce qui ne va pas? Nous ne pouvons pas voir ce qui ne va pas! –

Répondre

0

Il suffit d'ajouter:

width: 33.3%; 

à votre:

img.selector1 {} 
+0

Parfait! Merci, je suppose que je viens de mettre les 33,3% dans le mauvais morceau, toujours coller les choses dans le mauvais trou. – jamclow

+0

Haha! Pas de soucis mec. – mattcouchman