Foros del Web » Creando para Internet » Diseño web »

Web responsive media screen

Estas en el tema de Web responsive media screen en el foro de Diseño web en Foros del Web. Buenas noches. Una pregunta, ¿para móviles con una resolución de 640x400, que media screen he de poner? media screen (max-width 640px) o min-width 640px? Y ...
  #1 (permalink)  
Antiguo 30/01/2018, 16:06
 
Fecha de Ingreso: enero-2011
Ubicación: Zaragoza
Mensajes: 98
Antigüedad: 13 años, 1 mes
Puntos: 1
Web responsive media screen

Buenas noches. Una pregunta, ¿para móviles con una resolución de 640x400, que media screen he de poner? media screen (max-width 640px) o min-width 640px? Y por cierto, ¿qué resolución tienen los smartphone de hoy en día? Gracias
  #2 (permalink)  
Antiguo 31/01/2018, 08:13
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Web responsive media screen

depende de lo que quieras lograr. por ejemplo si queres que un div sea rojo hasta 640px utilizarias el min-width. si lo que queres es que sea rojo a partir de 640px utilizarias max-width. Una de las resoluciones mas comunes para móviles 360px x 640px
Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 01/02/2018, 12:17
 
Fecha de Ingreso: enero-2011
Ubicación: Zaragoza
Mensajes: 98
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: Web responsive media screen

A ver, yo tengo puesto esto y en mi móvil, por ejemplo, se ve bien:
Código CSS:
Ver original
  1. @media screen and (max-width:768px) {
  2. tr.carta {font-size:14px;}
  3. img.logo {height:200px;}
  4. .textologo {font-size:18px;}
  5. .textopunto {font-size:30px;}
  6. #inicio {padding-top:20px; padding-left:0px;
  7.            background-image:url(fondo/fondo_min.jpg);
  8.            height: 100vh;
  9.            width: 100vw;
  10.            background-size: cover;
  11.            background-size: 100% 100%;
  12.            overflow: auto;
  13.            
  14.         }
  15.  
  16. }

Así la foto de fondo se va reduciendo. Pero si pongo min-width, llega un momento en que no se reduce y se queda con un tamaño fijo y no se ve toda la imagen. Es mejor de la primera forma o de la segunda? Os dejo la url para que la veais en funcionamiento. La tengo puesta en un servidor gratuito.
www.cafeteriatonik.mipropia.com
Gracias

Etiquetas: media, responsive, screen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:13.