diseño responsivo basado en la resolucion o tamaño de la pantalla?

[minombreesmm]

¿en que se tiene que basar el diseño responsivo ?
veo que firefoz te da tamaños y chrome tambien pero con nombre de celulares y asi.
casi la mayoria de los celulares tiene mucha resolucion. eso quiere decir que los sitios se ven bien, pero si nos basamos en el tamaño de la pantalla se va a ver todo pequeño.
eso es lo que me confunde un poco en el css, las reglas que se usan son para el tamaño de la pantalla o para la resolucion?
que es lo recomendable?
si tengo mi celular con resolucion mayor a 1024 pero la pantalla es pequeña, lo recomendable es hacer todo grande para no hacer zoom?
que es lo habitual?
que es lo que debe detectarse en el mediaquerys, la resolucion de pantalla o el tamaño de pantalla?
de antemano gracias

[Rafael]

Excelente pregunta. Como siempre llega un momento en que se simplifican las cosas y luego se vuelven a complicar.

Los dispositivos todavía no definen bien su tamaño físico.

Tengo que confirmar esto, pero entiendo que la solución de los iphones es usar sus multiplos 2x y 3x aunque el tamaño declarado es menor a la resolución final, pero la carga de las fotos es tomada a esa resolución.

En dado caso puedes usar un detector de dispositivos del lado del servidor. Acá hay una lista de algunas opciones: http://www.forosdelweb.com/f18/mejor...oviles-945378/

Estos los tendrás que usar en combinación con algo como includes.

[interweb]

El diseño responsive se basa en la resolución de los dispositivos, en el css asignas los máximo o mínimos y cambias las propiedades de los elementos para que ubiquen de una mejor forma para dicha resolución y se pueda navegar de forma correcta, si no se hiciera eso, simplemente sería un web flexible más no responsive.

Por ejemplo, hasta una resolución determinada puedes hacer que el menú sea horizontal, pero más abajo de eso puede pasar a ser un botón en la esquina con el menú desplegable.

Te dejo una imagen


Saludos

[minombreesmm]

Entonces no queda de otra que tambien usar el javascritp para detectar celulares

[GekoDH]

Iniciado por interweb

El diseño responsive se basa en la resolución de los dispositivos, en el css asignas los máximo o mínimos y cambias las propiedades de los elementos para que ubiquen de una mejor forma para dicha resolución y se pueda navegar de forma correcta, si no se hiciera eso, simplemente sería un web flexible más no responsive.

Por ejemplo, hasta una resolución determinada puedes hacer que el menú sea horizontal, pero más abajo de eso puede pasar a ser un botón en la esquina con el menú desplegable.

Te dejo una imagen


Saludos

Si no me equivoco lo que tú dices no es responsive, es adaptive.

Las webs responsive son aquellas que se estiran y se encogen para adaptarse a la pantalla.

Las webs adaptives son aquellas cuyos elementos se recolocan o se cambian por otros para ofrecer una navegación adaptada a la pantalla en que se muestra.

Lo primero normalmente se consigue usando porcentajes en las medidas de los elementos y lo segundo con media queries e incluso un CSS alternativo para otros dispositivos.

Corregidme si me equivoco.