cómo utilizar el css adecuado para un dispositivo

Question

Estoy creando un sitio y que debe utilizar diferentes CSS para diferentes dispositivos (PC, iPad, iPhone) es posible saber qué dispositivo gente utiliza para seleccionar el css ???

Answer 1

La mejor información que tiene en qué plataforma / dispositivo de sus usuarios están viendo el sitio en es la versión del navegador, disponible en el encabezado HTTP. Los dispositivos móviles pueden decir que están usando Chrome (en un teléfono Android) o IE (en un teléfono Windows Mobile), pero usted debe ser capaz de descubrir a partir de la información de versión que se trata de una versión móvil del navegador.

Se puede usar JavaScript para estilos establecidos dinámicamente, o un script del lado del servidor (ASP, JSP, PHP) a las secuencias de comandos CSS carga. Lo que se tiene que trabajar con lo que depende de su sitio está escrito en. Tenga en cuenta que haciendo que el dispositivo móvil ejecute un gran guión JS a los estilos establecidos dinámicamente no será de buen calidad en un dispositivo móvil.

Answer 2

carga diferente CSS basado en el tipo de medio:

W3C -Media Tipos

Answer 3

Si la respuesta del @Justin Niessner no proporciona suficiente control bien, podría intentar detectar el navegador / dispositivo de la cadena de agente de usuario. Esta es mal visto por algunas personas, y no se garantiza que sea exacta, pero podría ser útil. Básicamente, detectar el navegador en Javascript y luego añadir dinámicamente la hoja de estilo correcto. Alternativamente, esto podría hacerse en el servidor.