Images fluides

Quelqu'un peut m'expliquer comment ça marche les images fluides ?
Je sais qu'il faut utiliser les %
max-width 100%, mais est ce qu'on met toujours à 100% ?
Et on place ce code juste après notre <img> directement dans le code HTML? Ou faut t'il le mettre dans le CSS ?
Et pareille pour les grilles fluides

Merci de bien vouloir m'éclairer
Modifié par Tania (11 Jun 2015 - 13:08)

Bonjour,

Pour une bonne base :

img {
	box-sizing: border-box;
	display: block;
	vertical-align: middle; // @Note Évite un décalage possible de l'élément suivant
	height: auto;
	max-width: 100%;
	border: 0; // @bugfix @affected IE 8-9
}

Après il va falloir suivre des tutoriels...