bien, pones un buen ejemplo. un telefono con una pantalla de 320px de ancho y una tablet, digamos con 600px de ancho.
pongamos que vas a colocar el banner este que mide 320px.
si el baner se visualiza en el telefono, no hay problema, 320px caben, ok.
pero en la tablet solo ocparas mas o menos la mitad y la otra mitad estara en blanco. ¿por que? porque el baner solo mide 320px.
al principio de esto de los responsives sites, se empezo sirviendo versiones distintas de contenido para cada pantalla (los dispositivos o pantallas se lllaman 'media'). asi que la media media 320px (un phone) servian contenido con ancho maximo de 320px, si la media media 640 servian contendio de ese ancho... ok? ese enfoque ya esta en desuso.
los sitios responisvos hacen consultas con las hojas de estilo, se llaman ccs-queries y APLICAN distintos estilos dependiendo de la media.
como esto es lo que entiendo que quieres hacer, te recomiendo que hagas el banner grande, digamos 960px y que le pongas un ancho en tu estilo de 100%.
como lo estas haciendo responsivo, el 100% corresponde a la media, no a la imagen. entonces, si la media mide 320 el 100% de 320 es... 320px y eso es lo que va a medir la imagen.
si la media mide 640px, el banner va a medir el 100% DE LA MEDIA, es decir 640px, osea que se adapta.
ok?
---------- Post agregado el 28-dic-2013 hora: 17:37 ----------
por cierto hacer responsive un vide requiere de un monton de javascript.