Estoy buscando métodos para diseñar una aplicación de Rails para uso móvil.Cambio de estilo móvil en Rails 3, método de ayuda frente a consultas de medios
La idea es común, utilizando un conjunto de estilos para navegadores móviles y otro conjunto de tradicionales.
De lo que puedo decir que hay dos maneras básicas de hacer esto en Rails:
Usando un método de ayuda para detectar el agente de usuario y luego el interruptor de preformas.
application_controller.rb
private
def mobile?
request.user_agent =~ /Mobile|webOS/
end
helper_method :mobile?
application.html.erb
<% unless mobile? %>
<%= stylesheet_link_tag "core" %>
<%else%>
<%= stylesheet_link_tag "mobile" %>
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<% end%>
o el uso de preguntas de los medios en las hojas de estilo
body {
// basic styles
}
@media all and (max-width: 600px) {
body {
// extra styles for mobile
}
}
@media all and (min-width: 600px) {
body {
// extra styles for desktop
}
}
Mi pregunta es ¿cuáles son las compensaciones? ¿Es un método generalmente mejor o hay buenos casos de uso para ambos?
Gracias de antemano