mantener el aspecto de ratio con redimension de ventana
Iniciado por
Leire Martinez
, dic 15 2014 15:54
Pulsa corazón para recibir avisos de nuevas Respuestas
Leire Martinez
AUTOR PREGUNTA
#1
Publicado 15 diciembre 2014 - 15: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?
Esto también te interesa!
Nieves Nieto
#2
Publicado
15 diciembre 2014 - 17:26
Puedes usar los @media queries de CSS:
@media screen and (min-width: 1920px) {
/*Estilos aqui*/ }
George10
#3
Publicado
15 diciembre 2014 - 17: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)) })
Leire Martinez
AUTOR PREGUNTA
#4
Publicado 15 diciembre 2014 - 17:41
Gracias Nieves, voy hacerlo con windows resize que es mas facil que no domino mucho jeje
