Cargando

Ir a contenido

X

mantener el aspecto de ratio con redimension de ventana

Iniciado por Leire Martinez , dic 15 2014 15:54




  AUTOR PREGUNTA

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?
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba
Preguntado por Leire Martinez
Cuenta Std 63

PREGUNTAS SIMILARES

Cambio de SIM y aparato mobil. Cómo puedo mantener historiales de whatsapp?
Como bloquear el cambio de Brillo en Windows y mantener el maximo en todo momento
Como bloquear el cambio de brillo en Windows y mantener el máximo en todo momento
Mantener pestañas abiertas chrome al reiniciar
Mantener Siempre Encendido el GPS (Ubicacion Android)
Mantener mi Win10 original instalado y pasar ese disco a una torre nueva con la licencia
Mantener activo reloj modo noche Galaxy S7 Edge
Mantener cartera segura

 

Publicado 15 diciembre 2014 - 17:26
Puedes usar los @media queries de CSS:


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

Respuesta de Nieves Nieto
Cuenta Std 376
  • ¿Te ha sido útil esta respuesta?
    • 1

 

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

Respuesta de George10
Cuenta Std 369
  • ¿Te ha sido útil esta respuesta?
    • 1

   AUTOR PREGUNTA

Publicado 15 diciembre 2014 - 17:41
Gracias Nieves, voy hacerlo con windows resize que es mas facil que no domino mucho jeje
Respuesta de Leire Martinez
Cuenta Std 63
  • ¿Te ha sido útil esta respuesta?
    • 0


PREGUNTAS SIMILARES

Cambio de SIM y aparato mobil. Cómo puedo mantener historiales de whatsapp?
Como bloquear el cambio de Brillo en Windows y mantener el maximo en todo momento
Como bloquear el cambio de brillo en Windows y mantener el máximo en todo momento
Mantener pestañas abiertas chrome al reiniciar
Mantener Siempre Encendido el GPS (Ubicacion Android)
Mantener mi Win10 original instalado y pasar ese disco a una torre nueva con la licencia
Mantener activo reloj modo noche Galaxy S7 Edge
Mantener cartera segura
Mantener conexion TCP luego de cambio de red
¿Cómo puedo mantener un directorio en mi máquina actualizado con otro de manera remota en Linux?
Mantener actualizado mi sistema operativo y aplicaciones
X
Identificarse

Formulario para iniciar sesión, si necesitas una cuenta Regístrate!

  He olvidado mi contraseña
IDENTIFICARSE
  Realizar Pregunta
¿Sigues sin solución a tu pregunta? Realiza una nueva: Crear Pregunta