Foros del Web » Creando para Internet » CSS »

diseño responsivo

Estas en el tema de diseño responsivo en el foro de CSS en Foros del Web. buenas tardes, estoy realizando el diseño de mi pagina web para móviles, me podían decir cuales son las media query principales para que se puedan ...
  #1 (permalink)  
Antiguo 06/06/2013, 12:31
 
Fecha de Ingreso: febrero-2007
Mensajes: 62
Antigüedad: 17 años, 2 meses
Puntos: 1
diseño responsivo

buenas tardes, estoy realizando el diseño de mi pagina web para móviles, me podían decir cuales son las media query principales para que se puedan ver bien en todos los móviles?
muchas gracias
  #2 (permalink)  
Antiguo 06/06/2013, 12:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: diseño responsivo

No hay ninguna solución universal. Igual este mensaje puede darte una idea.
  #3 (permalink)  
Antiguo 06/06/2013, 12:40
 
Fecha de Ingreso: febrero-2007
Mensajes: 62
Antigüedad: 17 años, 2 meses
Puntos: 1
Respuesta: diseño responsivo

Muchas gracias!! Me ha servido bastante
  #4 (permalink)  
Antiguo 06/06/2013, 12:59
 
Fecha de Ingreso: febrero-2007
Mensajes: 62
Antigüedad: 17 años, 2 meses
Puntos: 1
Respuesta: diseño responsivo

donde puedo ver como va quedando según el tamaño?? lo miro en varios simuladores y cada uno me muestra el mismo tamaño de diferente manera..
  #5 (permalink)  
Antiguo 06/06/2013, 13:15
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: diseño responsivo

La forma más fácil que tienes de probar es haciendo tu navegador del ordenador más pequeño. Es lo más simple y directo. Firefox para estos casos es mejor porque Chrome tiene una cosa extraña que no se deja hacer más pequeño de, creo, 400 pixeles.

Yo la verdad es que no conozco simuladores. El único que conozco es el de iOS que viene integrado en Xcode. Pero incluso ese, propio de Apple, tampoco es 100% fiable.

Tal vez te sirva Browserstack que descubrí el otro día.
  #6 (permalink)  
Antiguo 06/06/2013, 13:17
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: diseño responsivo

si usas firefox presiona shift + f7

te saldrá una ventana para editar los estilos de la pagina en cuestión y al lado derecho superior hay un icono cuadrado que dice "Responsive Design Mode", activalo y te permitirá ver la pagina en distintas resoluciones (las mas comunes) para este fin.
  #7 (permalink)  
Antiguo 06/06/2013, 13:21
Avatar de refielt  
Fecha de Ingreso: mayo-2011
Mensajes: 36
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: diseño responsivo

firefox ya trae un emulador para la resoluciones, presiona ctrol + shift + M
o ve a las opciones y busca desarrollador web / vista de diseño adatable
  #8 (permalink)  
Antiguo 06/06/2013, 14:03
 
Fecha de Ingreso: febrero-2007
Mensajes: 62
Antigüedad: 17 años, 2 meses
Puntos: 1
Respuesta: diseño responsivo

muchas gracias, el de firefox es el que estaba utilizando, pero he visto otros y no coinciden, entonces, el de firefox es el más fiable. Muchas gracias a todos

Etiquetas: diseño
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 17:54.