Cargando

mantener el aspecto de ratio con redimension de ventana




Pulsa corazón para recibir avisos de nuevas Respuestas

  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
  • Volver arriba

 

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


X