Ver Mensaje Individual
  #19 (permalink)  
Antiguo 01/10/2014, 20:45
Avatar de Luisa29
Luisa29
 
Fecha de Ingreso: enero-2013
Mensajes: 193
Antigüedad: 11 años, 10 meses
Puntos: 4
Respuesta: CSS para móviles no se cumple, no me hace caso...

Cita:
Iniciado por herzbazi Ver Mensaje
claro que es correcto de hecho si vas a leer bootstrap te daras cuenta que asi se usa

medidas de bootstrap

Extra small devices Phones (<768px)
Small devices Tablets (≥768px)
Medium devices Desktops (≥992px)
Large devices Desktops (≥1200px)

estas medidas son las que tienes que usar dentro de cada mediaquerie así es como deberia de funcionar chica. para cada uno de los dispositivos no importando que tipo de dispositivo sea.

aqui van otras pero si usas las de arriba saldra todo muy bien ,

Código CSS:
Ver original
  1. @media (min-width: 1200px) { ... }
  2.  
  3. /* Portrait tablet to landscape and desktop */
  4. @media (min-width: 768px) and (max-width: 979px) { ... }
  5.  
  6. /* Landscape phone to portrait tablet */
  7. @media (max-width: 767px) { ... }
  8.  
  9. /* Landscape phones and down */
  10. @media (max-width: 480px) { ... }
  11.  
  12. /* Smartphones (portrait and landscape) ----------- */
  13. @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { }
  14.  
  15. /* Smartphones (landscape) ----------- */
  16. @media only screen and (min-width : 321px) { }
  17.  
  18. /* Smartphones (portrait) ----------- */
  19. @media only screen and (max-width : 320px) { }
  20.  
  21. /* iPads (portrait and landscape) ----------- */
  22. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }
  23.  
  24. /* iPads (landscape) ----------- */
  25. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }
  26.  
  27. /* iPads (portrait) ----------- */
  28. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
  29.  
  30. /* Desktops and laptops ----------- */
  31. @media only screen and (min-width : 1224px) { }
  32.  
  33. /* Large screens ----------- */
  34. @media only screen and (min-width : 1824px) { }
  35.  
  36. /* iPhone 4 and high pixel ratio devices ----------- */
  37. @media
  38. only screen and (-webkit-min-device-pixel-ratio : 1.5),
  39. only screen and (min-device-pixel-ratio : 1.5) { }


sabes usar bootstrap , es muy bueno para ahorarte trabajo. si no pues te puedo dar unos video cursos muy buenos donde te enseñan las bases y algo de nivel medio tambien duran como 3 horas cada uno .
Muchísimas gracias herzbazi, por todo.

Pero ahora hay otro problema, al poner el horizontal el móvil sale la versión de escritorio.