7
Rozglądam się po metodach stylizacji aplikacji Rails do użytku mobilnego.Przełączanie w stylu mobilnym w Rails 3, metoda pomocnicza w stosunku do zapytań o media
Pomysł jest powszechny, przy użyciu jednego zestawu stylów dla przeglądarek mobilnych i innego zestawu dla tradycyjnych.
Z tego co mogę powiedzieć, istnieją dwa podstawowe sposoby na zrobienie tego w Rails:
stosując metodę pomocnika wykryć agenta użytkownika, a następnie preform przełącznika.
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%>
lub przy użyciu nośnika zapytań w arkuszach stylów
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
}
}
Moje pytanie brzmi, jakie są kompromisów? Czy jedna metoda jest ogólnie lepsza, czy też istnieją dobre przykłady użycia dla obu.
Z góry dziękuję