Url de Pc y sitio móvil igual

[jjuanchojp]

Hola lo que pasa es necesito ayuda a que por ejemplo al ingresar a

http://misitio.com/about desde un Pc se muestre la versión de Pc

y que cuando ingrese desde un movil(smartphone) a http://misitio.com/about a se muestre la versión móvil

No que yo ingrese a http://misitio.com/about desde un Pc y en el movil le toque ser redireccionado a http://misitio.com/aboutmovil u otra direccion diferente de http://misitio.com/about

PD0-Obviamente tambien entrar http://misitio.com/ en las dos versiones (pc y movil)

Espero hacerme entender

Lo que quiero es lo que tiene por ejemplo la pagina http://www.onbile.com
Si quieren chequenla en un pc y un móvil

[pzin]

A esa técnica se le llama Responsive Web Design —RDW.

Lo que hacen, no es que sea una versión para móvil. Más bien versiones diferentes para según el ancho del navegador. Prueba a redimensionar la ventana del navegador en el sobremesa y verás que obtendrás la versión móvil.

RDW funciona mediante media-queries de CSS.

[jjuanchojp]

Iniciado por Bonez

A esa técnica se le llama Responsive Web Design —RDW.

Lo que hacen, no es que sea una versión para móvil. Más bien versiones diferentes para según el ancho del navegador. Prueba a redimensionar la ventana del navegador en el sobremesa y verás que obtendrás la versión móvil.

RDW funciona mediante media-queries de CSS.

Gracias por la respuesta, pero podrias decirme si con esto puedo hacer lo que tengo pensado:

Es que estoy diseñando un sitio dedicado solo a aparatos iOS - Apple y quiero que cuando un PC entre le aparezca que solo se puede ingresar desde un "iDevice" y cuando este en el "iDevice" le aparezca un sitio completamente diferente que esta diseñado para ese dispositivo,
osea que el sitio de PC no se adapte al sitio móvil, ya que es completamente diferente, espero que entienda lo que tengo pensado.
Y si no es con este método como lo puedo hacer?

[webankenovi]

hablando del diseño , con diferentes hojas css y verificando el dispositivo previamente y segun el dispositivo cargamos el css correspondiente , te recomiendo hacer tu web responsive design un diseño unico para cualquier dispositivo

hablando de la programacion , puede ser que en la version pc uses funciones que no uses en version movil por eso igualmente identificar el dispositivo y cargar o redireccionar hacia la pagina correspondiente a la version movil o pc

[pzin]

Seguro que alguna forma habrá de detectar si el dispositivo va con iOS.

Ahora la duda que me queda, es qué utilidad tiene ser tan elitista y cargarse a los usuarios con Android —que por cierto son mas.

[webankenovi]

mira te dejo un video donde puedes ver la tecnica responsive design de mejorando.la que va a resolverte muchas de tus dudas

https://mejorando.la/videos/tutorial-responsive-design/

[jjuanchojp]

Iniciado por Bonez

Seguro que alguna forma habrá de detectar si el dispositivo va con iOS.

Ahora la duda que me queda, es qué utilidad tiene ser tan elitista y cargarse a los usuarios con Android —que por cierto son mas.

No es que sea elitista pero es que es código que solo puedo utilizar en iOS, y si me gustaría mucho darle soporte a android (que por cantidad me seria mas rentable)pero no se nada de desarrollo en esta plataforma

[webankenovi]

pues amigo muy simple

Código PHP:

$dispositivo = identificar dispositivo
 
if(verificamos el dispositivo)
{
 
cargamos css , si aplicas responsive design con una sola hoja te valdria
include $dispositivo.'.css';
 
cargamos funciones php . puedes usar un solo documento php siempre y cuando las funciones y demas funcionen igual en todos los dispositivos
include $dispositivo.'.php';
 
cargamos html , igualmente puedes usar un solo documento siempre y cuando te funcione en todos los dispositivos
include $dispositivo.'.html';
 
si lo cargas por includes independientemente del dispositivo siempre te mostrara la misma url no diferentes movil/pc/tv
 
}