mantener el aspecto de ratio con redimension de ventana

Question

mantener el aspecto de ratio con redimension de ventana

Iniciado por Leire Martinez , dic 15 2014 16:54

Pulsa corazón para recibir avisos de nuevas Respuestas

0

Leire Martinez AUTOR PREGUNTA #1

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

Preguntado por Leire Martinez

Cuenta Std 66

Nieves Nieto · Answer 1

Nieves Nieto #2

Publicado 15 diciembre 2014 - 18:26

Puedes usar los @media queries de CSS:

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

Volver arriba

Respuesta de Nieves Nieto

Cuenta Std 376

- 1

George10 · Answer 2

George10 #3

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)) })

Volver arriba

Respuesta de George10

Cuenta Std 369

- 1

Leire Martinez · Answer 3

Leire Martinez AUTOR PREGUNTA #4

Publicado 15 diciembre 2014 - 18:41

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

Volver arriba

Respuesta de Leire Martinez

Cuenta Std 66

- 0

mantener el aspecto de ratio con redimension de ventana

Leire Martinez AUTOR PREGUNTA #1

Esto también te interesa!

PREGUNTAS SIMILARES

Nieves Nieto #2

George10 #3

Leire Martinez AUTOR PREGUNTA #4

PREGUNTAS SIMILARES