Calcular medidas y asignarlas a css

[Silenn]

Muy buenas tardes a todos.

Bueno lo que sucede es que ando haciendo una página web responsive, ahora para la imágen de perfil quisiera que fuera un cuadro su forma, pero para ello necesito que un div tome la medida del width de la pantalla en el heihgt.

Osea que dependiendo del largo de la pantalla se le asigne al height este mismo valor, algo parecido a whatsapp.

Espero me haya explicado bien y logren entenderme, un saludo de antemano y gracias.

[xfxstudios]

y donde esta el problema en ello??????

[sintel_1]

Yo no entiendo lo que quieres hacer

quieres que la capa tenga el alto del tamaño del ancho de la imagen ?
es igual que la imagen sea horizontal o vertical ?

[Silenn]

Iniciado por xfxstudios

y donde esta el problema en ello??????

Gracias por responder y en cuanto al "problema" no es el problema, solo que no sé por donde comenzar para llegar a ello.

En cuanto al comentario de sintel, sí, quiero que sea un cuadrado, con mismas medidas en ancho y alto, pero que se definan de acuerdo al ancho de la pantalla, para que sea responsive.

[xfxstudios]

tendrias que mostrar a ver que tienes hecho hasta ahora, ahora te puedo adelantar que con cargar la imagen ya basta para la tarea, claro, pre-formatenadola antes con el php que va a estar encargado de subirla y llevarla a un cuadrado, el resto es solo un widht:100% y esta se mantendrá cuadrada sin importar la dimensión de la pagina o el contenedor donde este

[xfxstudios]

ahora si insistes en el div, seria algo asi:

Código CSS:

#cuadro{
    background: #000;
    width: 25vw;
    height: 25vw;
    }
 

y la imagen la cargas como fondo de este en cover centrada

[Silenn]

Iniciado por xfxstudios

ahora si insistes en el div, seria algo asi:

Código CSS:

#cuadro{
    background: #000;
    width: 25vw;
    height: 25vw;
    }
 

y la imagen la cargas como fondo de este en cover centrada

Lo que busco es algo parecido a lo que hace la aplicación whatsapp, que sin importar las dimensiones de la pantalla, el cuadrado siempre va a quedar de alto, lo que vale el ancho de la pantalla.

Y con lo que me has puesto, no obtengo dicho resultado.

[xfxstudios]

si lo obtienes siempre que sepas lo que vas a hacer, pero bue....

[PIRRUMAN]

puedes asignarle un alto dependiendo del alto de un elemento,,
este ejemplo es dependiendo el alto de la ventana cuando la ventana se redimensione

Código Javascript:

$(window).resize(function(){
$('#midiv').height($(window).height());
});