Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/04/2015, 13:29
helenp
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 15 años
Puntos: 6
Media queries

Hola,
Estoy haciendo mi web adaptable, no es perfecto, pero intento hacer lo más rápido, y más adelante verlo más tranquilo.
Os pregunto si se puede poner las queries de ese modo,
tengo tantos porque hay algunas cosas (pocas) que se pone feo.
Lo que no entiendo es que si con chrome - herramientas para desarrolladores lo pongo en 320px.
la clase .botonmovil sigue la regla de (min-width: 426px) and (max-width: 600px).
No lo entiendo,
No se puede ponerlo asi?:

Código CSS:
Ver original
  1. @media screen and (min-width: 200px){
  2. .botonmovil{position: relative;margin: -25px 0 0 0;}
  3. }
  4. @media screen and (max-width: 600px){
  5. }
  6. @media screen and (min-width: 370px) and (max-width: 425px){
  7. }
  8. @media screen and (min-width: 426px) and (max-width: 600px){
  9. .botonmovil{position: relative;margin: -30px 0 0 0;}
  10. }
  11. @media screen and (min-width: 500px) and (max-width: 600px){
  12. }
  13. @media screen and (min-width: 601px) and (max-width: 845px){
  14. @media screen and (min-width: 601px){
  15. }
  16. @media screen and (min-width: 601px) and (max-width: 989px){
  17. }
  18. @media screen and (min-width: 701px) and (max-width: 800px){
  19. }
  20. @media screen and (min-width: 801px) and (max-width: 845px){
  21. }
  22. @media screen and (min-width: 846px){
  23. }
  24. @media screen and (min-width: 900px){
  25. }
  26. @media screen and (min-width: 990px){
  27. }