[SOLUCIONADO] Cambiar tamaño de imagen segun resolucion de pantalla

[_Neon]

hola, tengo un problema con un elemento de mi web, resulta que quiero hacer que una imagen se cambie de tamaño segun la definicion de pantalla, puse width: 100% heigh... y cuando ves la imagen con una resolucion mas pequeña esta sale cortada y con el mismo tamaño...
me gustaria que la imagen hiciera esto: http://www.microsoft.com/es-es/default.aspx como ven la imagen principal cambia segun pongas una pestaña mas grande o mas pequeña

he probado distintas formas ¿que podria hacer? usar javasript?
gracias

[jessy_050909]

Mira este link la respuesta es hacer una pagina estilo RESPONCIVA ESPERO TE AYUDE SALUDOS.



[URL="https://mejorando.la/videos/tutorial-responsive-design/"]https://mejorando.la/videos/tutorial-responsive-design/[/URL]

[_Neon]

ya se por que me salia mal, ponia el link a la imagen en el css y habia que ponerlo en el html para que saliera todo bien.
Gracias de todas formas por tu comentario.

[jessy_050909]

:D de nada!