Responsive a 3 imagenes en linea dentro de un div

[guichogdl]

Gracias por responder, olvide comentar que despues del div padre "mi_div" cada imagen esta dentro de un div, asi

Código HTML:

<div id="mi_div">
   <div><img src="xxx" /></div>
   <div><img src="xxx" /></div>
   <div><img src="xxx" /></div>
</div>
 

Eh podido resolver mi problema de la siguiente manera:

Código CSS:

@media only screen and (max-width: 1024px) {
 
#mi_div {
  width: 100%;
}
 
#mi_div div {
  float: left;
  width: 33.3333%; 
}
 
#mi_div div img {
  width: auto;
}
 
}
 
@media only screen and (max-width: 320px) {
 
#mi_div div {
  float: left;
  width: 100%;
}
 
#mi_div div img {
  width: 320px;
}
 
}
 

Agregue media query porque necesito que en la resolución de 320 si bajen las imagenes para que no se vean tan pequeñas.

Saludos! :D