media queries

[gabo2287]

deseo hacer mi web responsive, cuales son los break point mas comunes? he visto en Internet muchas pero no creo que haya que diseñar para la cantidad que hay, por otro lado he leido que todo sitio web debe tener al menos dos break point, (pero no menciona cuales)..

[pzin]

Pues dependerá de tu sitio y del diseño, del comportamiento que quieras, etc. Si lees en algún sitio que tienes que tener tales o cuales probablemente sea una mala fuente de información.

[Tedel]

Son estos:

@media handheld, screen and (max-width: 480px), screen and (device-aspect-ratio: 40/71)
^ para móviles, incluyendo el iphone con mayor resolución que el resto.

@media screen and (min-width: 481px)
^ para todas las demás pantallas, asumiendo que no deseas hacer distinción entre computadores y tabletas.

Espero sea lo que buscas.

[DesgraciadoGabo]

Tocayo, el uso de las media-queries como bien dice pzin dependerá de tu diseño, dependerá de como quieres que reaccione tu sitio a las distintas resoluciones que hay.

- Puedes pensar en resoluciones mayores a los 1200, generalmente computadores de escritorio y laptops, resoluciones de 1920, 2560, 1400...
- Seguido de eso puedes pensar en resoluciones de entre los 1200 y 700, laptops y tablets, pensando en estas ultimas de forma horizonal y vertical
- Puedes decidir en manejar tu ultimo break point para resoluciones menores a los 700px, la mayoría de estos serán smartphones pensando en ellos en su forma vertical y horizontal

Saludos