7
Tôi đang xem xét các phương pháp tạo kiểu ứng dụng Rails để sử dụng trên thiết bị di động.Chuyển đổi kiểu di động trong Rails 3, phương thức trợ giúp so với truy vấn phương tiện
Ý tưởng này phổ biến, sử dụng một bộ kiểu cho trình duyệt trên thiết bị di động và một bộ khác cho kiểu truyền thống.
Từ những gì tôi có thể nói có hai cách cơ bản để làm điều này trong Rails:
Sử dụng một phương pháp helper để phát hiện tác nhân người dùng và sau đó phôi switch.
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%>
Hoặc sử dụng phương tiện truyền thông truy vấn trong style sheets
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
}
}
Câu hỏi của tôi là không thích thương mại là gì? Là một phương pháp thường tốt hơn hoặc có trường hợp sử dụng tốt cho cả hai.
Cảm ơn trước