mantener el aspecto de ratio con redimension de ventana



   AUTOR PREGUNTA

Publicado 15 diciembre 2014 - 16:54

tengo una pagina que he construido usando HTML/CSS que esta destinada para ser usada con un solo proposito que es de ser desplegado en una TV. He desarrollado una pagina que se ajusta perfectamente a un ratio de 1920x1080 pero me gustaria encontrar una manera de escalar la pagina arriba o abajo con el aspecto de ratio exacto del diseño original.

Hay algun script de javascript que me ayude a mantener el aspecto de ratio constante?


¿Tienes la misma pregunta? Yo también

 

Publicado 15 diciembre 2014 - 18:26

Puedes usar los @media queries de CSS:


@media screen and (min-width: 1920px) {
/*Estilos aqui*/ }

 

Publicado 15 diciembre 2014 - 18:28

Con windows resize puedes resolver el problema de manera sencilla:

$(window).on('resize',funciton(){
var self=$('#ur_id');
self.height( self.width() * (1080/1920)) })

   AUTOR PREGUNTA

Publicado 15 diciembre 2014 - 18:41

Gracias Nieves, voy hacerlo con windows resize que es mas facil que no domino mucho jeje