Hacer que el height de un DIV crezca en proporción con width

[cesa_r]

Como redimencionar contenido proporcionalmente

#TUDIV {
max-width: 650px;
height: auto;
}

Únicamente con agregar height: auto; ya lograremos que nuestro div, imagen, iframe etc... sea redimensionada proporcionalmente.

Cómo adaptar un contenido para un diseño responsive

#TUDIV {
max-width: 100%;
height: auto;
}

Aplica estas propiedades a tu div, iframe, imagen etc... dependiendo tu necesidad, espero te aiga ayudado.

Saludos.