Separa la hoja de CSS móvil frente a la página móvil separada?

Question

Estoy tratando de averiguar si será un mejor uso de mi tiempo (ahora y en el largo plazo) para hacer una hoja de estilos separada para mi sitio móvil (que se verá drásticamente diferente, pero utilice la misma base de datos información y elementos), o, crear una página móvil completamente nueva y robar lo que necesito de mi sitio de escritorio.

¿Alguien tiene un consejo o sabe lo que la mayoría de los desarrolladores practican cuando se trata de sitios móviles?

Answer 1

puede utilizar las consultas de medios.

<link rel="stylesheet" media="screen" href="style.css" type="text/css" /> 
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" /> 

O en CSS3

http://www.w3.org/TR/css3-mediaqueries/

Answer 2

Una gran cantidad de sitios en estos días se están concentrando en primer móvil, entonces la migración a una aplicación web completa para equipos de sobremesa. Cada vez más peyote está utilizando sus teléfonos móviles para navegar por la web y, por lo general, un sitio diseñado para dispositivos móviles será más compatible con los escritorios que con un sitio de escritorio compatible con los navegadores móviles.

que leí sobre device.is en HTML5 rocas aquí: http://www.html5rocks.com/en/mobile/cross-device/

Answer 3

Hay una gran controversia en eso. Personalmente prefiero las consultas en los medios. y si no son demasiado complejos, los puse en mi archivo css usando @media FOO and (max-size: ###) { /*stuff*/ }

Un "sitio web móvil" generalmente como m.domain.com, por lo general es una versión muy reducida. que contiene algunos productos, información y una forma de contactarnos.

¿Por qué ocultarías el resto de la valiosa información de tu sitio simplemente porque alguien está en un dispositivo más pequeño? el tiempo de carga puede ser un poco más largo ya que hay más contenido, solo asegúrate de que las cosas súper importantes estén arriba del pliegue. (o al menos más arriba en el orden de sorteo)

También puede incluir fácilmente hacer clic para llamar y hacer clic para los botones de mapa que aparecen en un determinado tamaño utilizando consultas de medios.